Príkaz new Event

Príkaz new Event je konštruktor udalostí, pomocou ktorého môžete vytvoriť objekt udalosti a potom túto udalosť vyvolať z JavaScriptu pomocou metódy dispatchEvent. Načo je to potrebné: môžete simulovať kliknutie používateľa na tlačidlo, pokus o odoslanie formulára a podobne. Pritom sa udalosť nebude líšiť od skutočnej ničím okrem vlastnosti event.isTrusted. Môžete dokonca vytvárať udalosti s neštandardnými (vami vymyslenými) názvami a potom ich vyvolávať v potrebnom momente.

Syntax

new Event(typ udalosti, [príznaky]);

Príklad

Predpokladajme, že máme tlačidlo. Po kliknutí na toto tlačidlo sa zobrazí správa. Urobme to tak, aby pri prejdení myšou nad tlačidlom sa toto tlačidlo domnievalo, že naň bolo kliknuté:

<button id="button">tlačidlo</button>

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

button.addEventListener('click', function() {
	alert('správa');
});

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // vytvoríme udalosť
	this.dispatchEvent(clickEvent); // simulujeme kliknutie na tlačidlo
});

Príklad

Môžete vytvárať vlastné udalosti (s vlastným názvom) a potom ich v potrebnom momente vyvolať. Poďme naviazať na tlačidlo udalosť showMessage a pri prejdení myšou ju inicializovať:

<button id="button">tlačidlo</button>

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

button.addEventListener('showMessage', function() {
	alert('správa');
});

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // vytvoríme udalosť
	this.dispatchEvent(showMessageEvent); // vyvoláme spustenie udalosti
});

Pozri tiež

vlastnosť addEventListener,
ktorá viaže udalosti
vlastnosť removeEventListener,
ktorá odväzuje udalosti