Metod dispatchEvent

Metod dispatchEvent elementdäki bir wakany taklit etmäge mümkinçilik berýär. Bu näme üçin gerek: ulanyjynyň düwmä basmagyny, formany ibermek synanyşygyny we ş.m. taklip etmek bolar. Şol wagt waka asyl synydan event.isTrusted. adatdan daşary (özüňiz oýlap tapdyran) atlar bilen wakalar döredip, soňra olary gerek wagtynda çagyryp bilersiňiz. Metod waka çagyrmaly bolan elemente goşulýar. Parametrde metod konstruktor bilen döredilen wakany (obyekti) alýar new Event.

Sintaksis

javascriptelement.dispatchEvent(event);

Mysal

Bizde bir düwme bar diýeli. Bu düwmä basylanynda bir habar görkezilýär. Geliň myşkany düwmäniň üstüne getirende bu düwme oňa basylan ýaly bolsun:

html<button id="button">düwme</button>

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

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

button.addEventListener('mouseover', function() {
  let clickEvent = new Event('click'); // waka dörediň
  this.dispatchEvent(clickEvent); // düwmä basylmagy taklit ediň
});

Результат:

Mysal

Öz wakalaryňyzy (öz adyňyz bilen) döredip bilersiňiz we soňra olary gerek wagtynda çagyryp bilersiňiz. Geliň düwmä showMessage wakasyny birikdireliň we myşkany üstüne getirende bu wakany işjeňleşdireliň:

html<button id="button">düwme</button>

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

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

button.addEventListener('mouseover', function() {
  let showMessageEvent = new Event('showMessage'); // waka dörediň
  this.dispatchEvent(showMessageEvent); // wakanyň işlemegini çagyryň
});

Результат: