new Event командасы

new Event командасы - окуялар конструктору, анын жардамы менен окуянын объектин түзсөңүз болот, андан кийин бул окуяны JavaScriptтен dispatchEvent методунун жардамы менен чакырыңыз. Бул эмне үчүн керек: колдонуучунун баскычты басуусун, форманы жөнөтүү аракетин жана башкаларды имитациялоого болот. Бул учурда окуя чыныгы окуядан event.isTrusted касиетинен башка эч нерсе менен айырмаланбайт. Сиз стандарттык эмес (өзүңүз ойлоп тапкан) аттар менен окуяларды түзсөңүз болот жана андан кийин аларды керектуу учурда чакыра аласыз.

Синтаксис

javascriptnew Event(окуянын түрү, [желектер]);

Мисал

Бизде баскыч бар деп коёлу. Бул баскычка басканда билдирүү чыгарылат. Келгиле, чычкан менен баскычка өткөндө бул баскыч өзүнө чыкылдатылганды ойлосо:

html<button id="button">баскыч</button>

javascriptlet button = document.querySelector('#button');

button.addEventListener('click', function() {
  alert('билдирүү');
});

button.addEventListener('mouseover', function() {
  let clickEvent = new Event('click'); // окуяны түзүү
  this.dispatchEvent(clickEvent); // баскычка чыкылдоону имитациялоо
});

Результат:

Мисал

Өзүңүздүн окуяларыңызды (өз аты менен) түзсөңүз болот жана андан кийин керектуу учурда аларды чакыра аласыз. Келгиле, баскычка showMessage окуясын байлап коёлу жана чычкан менен өткөндө бул окуяны ишке киргизели:

html<button id="button">баскыч</button>

javascriptlet button = document.querySelector('#button');

button.addEventListener('showMessage', function() {
  alert('билдирүү');
});

button.addEventListener('mouseover', function() {
  let showMessageEvent = new Event('showMessage'); // окуяны түзүү
  this.dispatchEvent(showMessageEvent); // окуянын аткарылышын чакыруу
});

Результат:

Ошондой эле караңыз