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

new 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:

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

let 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:

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

let 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

vetia addEventListener,
e cila lidh ngjarjet
vetia removeEventListener,
e cila shkëput ngjarjet