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

element.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:

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

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

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

let 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ň
});