Amri new Event

Amri new Event ni mjenzi wa matukio, unaotumika kuunda kitu cha tukio, kisha kuitekeleza tukio hilo kutoka kwenye JavaScript kwa kutumia mbinu dispatchEvent. Kwa nini hii inahitajika: inaweza kuiga ushindi wa mtumiaji kitufe, jaribu la kupeana fomu na kadhalika. Wakati huo tukio halitakuwa tofauti na la kweli kwa kitu chochote isipokuwa sifa event.isTrusted. Hata inawezekana kuunda matukio yasiyo ya kawaida (uliyoubuni wewe) majina na kisha kuyatekeleza wakati unaofaa.

Syntax

new Event(aina ya tukio, [bendera]);

Mfano

Wacha tuwe na kitufe. Ukipiga kitufe hiki ujumbe utaonyeshwa. Wacha tufanye ili wakati unaelekeza kifaa cha kusikia kwenye kitufe kitufe hiki kidhani kuwa kimebonyezwa:

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

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

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

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // tunaunda tukio
	this.dispatchEvent(clickEvent); // tunaiga ubonyeaji wa kitufe
});

Mfano

Inawezekana kuunda matukio yako mwenyewe (kwa jina lako mwenyewe) na kisha wakati unaofaa kuyatekeleza. Wacha tushikilize kwenye kitufe tukio showMessage na wakati wa kuelekeza kifaa cha kusikia tuitekeleze tukio hilo:

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

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

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

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // tunaunda tukio
	this.dispatchEvent(showMessageEvent); // tunasababisha tukio litendeke
});

Angalia pia

sifa addEventListener,
ambayo inashikilia matukio
sifa removeEventListener,
ambayo inatenganisha matukio