Komanda new Event

Komanda new Event është një konstruktor ngjarjesh, me të cilin mund të krijohet një objekt ngjarjeje, dhe më pas të thirret kjo ngjarje nga JavaScript duke përdorur metodën dispatchEvent. Pse është e nevojshme kjo: mund të imitohet shtypja e përdoruesit në një buton, përpjekja për dërgim të një forme etj. Në këtë rast, ngjarja nuk do të ndryshojë nga e vërteta përveç nga vetia event.isTrusted. Mund edhe të krijohen ngjarje me emra jo standardë (të shpikur nga ju) dhe më pas t'i thirrni ato në momentin e duhur.

Sintaksa

javascriptnew Event(lloji i ngjarjes, [flamuj]);

Shembull

Le të themi se kemi një buton. Duke klikuar në këtë buton shfaqet një mesazh. Le ta bëjmë në mënyrë që kur miushi të kalojë mbi buton ky buton të mendojë se është klikuar:

html<button id="button">button</button>

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

button.addEventListener('click', function() {
  alert('mesazh');
});

button.addEventListener('mouseover', function() {
  let clickEvent = new Event('click'); // krijojmë ngjarjen
  this.dispatchEvent(clickEvent); // imitojmë klikun në buton
});

Результат:

Shembull

Mund të krijohen ngjarje tuajat (me emrin tuaj) dhe më pas në momentin e duhur t'i thirrni ato. Le të lidhim me butonin ngjarjen showMessage dhe kur miushi kalon mbi të të inicializojmë këtë ngjarje:

html<button id="button">button</button>

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

button.addEventListener('showMessage', function() {
  alert('mesazh');
});

button.addEventListener('mouseover', function() {
  let showMessageEvent = new Event('showMessage'); // krijojmë ngjarjen
  this.dispatchEvent(showMessageEvent); // shkaktojmë aktivizimin e ngjarjes
});

Результат:

Shihni gjithashtu