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

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

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

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

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

javascriptlet 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