Komanda new Event

Komanda new Event - notikumu konstruktors, ar kura palīdzību var izveidot notikuma objektu un pēc tam izsaukt šo notikumu no JavaScript, izmantojot metodi dispatchEvent. Kāpēc tas ir vajadzīgs: var imitēt lietotāja klikšķi uz pogas, formas iesniegšanas mēģinājumu un tā tālāk. Šajā gadījumā notikums neatšķirsies no īstā nekā, izņemot īpašību event.isTrusted. Var pat izveidot notikumus ar nestandarta (jūsu izdomātiem) nosaukumiem un pēc tam tos izsaukt vajadzīgajā brīdī.

Sintakse

new Event(notikuma tips, [karogi]);

Piemērs

Pieņemsim, ka mums ir poga. Noklikšķinot uz šīs pogas, tiek parādīts ziņojums. Padarīsim tā, lai, novedot peles kursoru virs pogas, šī poga domātu, ka uz tās ir noklikšķināts:

<button id="button">poga</button>

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

button.addEventListener('click', function() {
	alert('ziņojums');
});

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // izveidojam notikumu
	this.dispatchEvent(clickEvent); // imitējam klikšķi uz pogas
});

Piemērs

Var izveidot savus notikumus (ar savu nosaukumu) un pēc tam tos izsaukt vajadzīgajā brīdī. Piesaistīsim pogai notikumu showMessage un, novedot peles kursoru, iniciēsim šo notikumu:

<button id="button">poga</button>

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

button.addEventListener('showMessage', function() {
	alert('ziņojums');
});

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // izveidojam notikumu
	this.dispatchEvent(showMessageEvent); // izsaucam notikuma iedarbināšanu
});

Skatiet arī

īpašība addEventListener,
kas piesaista notikumus
īpašība removeEventListener,
kas atsasaista notikumus