Команда 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); // го повикуваме активирањето на настанот
});

Результат:

Погледнете ги исто така