Komanda new Event

Komanda new Event - konstruktor događaja, pomoću koga možete kreirati objekat događaja, a zatim pokrenuti taj događaj iz JavaScripta pomoću metode dispatchEvent. Zašto je ovo potrebno: možete da simulirate pritisak korisnika na dugme, pokušaj slanja forme i tako dalje. Pritom se događaj neće razlikovati od pravog ni po čemu osim po svojstvu event.isTrusted. Možete čak i kreirati događaje sa nestandardnim (koje ste vi smislili) nazivima i zatim ih pokrenuti u pravi trenutak.

Sintaksa

new Event(tip događaja, [zastavice]);

Primer

Pretpostavimo da imamo dugme. Klikom na ovo dugme se prikazuje poruka. Hajde da napravimo tako da kada se mišom pređe preko dugmeta ovo dugme misli da je kliknuto na njega:

<button id="button">dugme</button>

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

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

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // kreiramo događaj
	this.dispatchEvent(clickEvent); // simuliramo klik na dugme
});

Primer

Možete kreirati sopstvene događaje (sa sopstvenim nazivom) i zatim u pravi trenutak da ih pokrenete. Hajde da povežemo za dugme događaj showMessage i prelaskom mišem da inicijalizujemo taj događaj:

<button id="button">dugme</button>

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

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

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // kreiramo događaj
	this.dispatchEvent(showMessageEvent); // pokrećemo okidanje događaja
});

Pogledajte takođe

svojstvo addEventListener,
koje vezuje događaje
svojstvo removeEventListener,
koje odvezuje događaje