Käsk new Event

Käsk new Event - sündmuste konstruktor, mille abil saab luua sündmusobjekti ja seejärel käivitada selle sündmuse JavaScriptist meetodi dispatchEvent abil. Miks seda vaja on: saab imiteerida kasutaja vajutust nupule, vormi saatmise katset ja nii edasi. Sel juhul ei erine sündmus päris sündmusest millegi poolest peale omaduse event.isTrusted. Võib isegi luua sündmusi ebastandardsete (sinu poolt välja mõeldud) nimedega ja seejärel käivitada need õigel hetkel.

Süntaks

new Event(sündmuse tüüp, [lipud]);

Näide

Oletame, et meil on nupp. Sellele nupule vajutamisel kuvatakse sõnum. Paneme nii, et kui hiir nupu peale viia, siis see nupp arvaks, et sellele on klõpsatud:

<button id="button">nupp</button>

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

button.addEventListener('click', function() {
	alert('sõnum');
});

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // loome sündmuse
	this.dispatchEvent(clickEvent); // imiteerime nupule klõpsamist
});

Näide

Võib luua oma sündmusi (oma nimega) ja siis õigel hetkel need käivitada. Paneme nupule sündmuse showMessage ja hiirega peale viimisel käivitame selle sündmuse:

<button id="button">nupp</button>

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

button.addEventListener('showMessage', function() {
	alert('sõnum');
});

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // loome sündmuse
	this.dispatchEvent(showMessageEvent); // käivitame sündmuse
});

Vaata ka

omadus addEventListener,
mis seob sündmusi
omadus removeEventListener,
mis lahendab sündmusi