Komanda new Event

Komanda new Event - ýagdaýlaryň gurlujysy, onuň kömegi bilen ýagdaý obýektini döredip, soňra bu ýagdaýy JavaScript-den dispatchEvent usuly bilen çagyryp bilersiňiz. Näme üçin bu gerek: ulanyjynyň düwmä basmagyny, formany ibermäge synanyşygyny we ş.m. takyplap bilersiňiz. Bu ýagdaý asyl ýagdaýdan event.isTrusted aýratynlygyndan başga hiç zat bilen tapawutlanmaz. Hatta standart däl (özüňiziň oýlap tapdyryňyz) atlar bilen ýagdaýlary döredip, soňra gerek wagtynda olarý çagyryp bilersiňiz.

Sintaksis

new Event(ýagdaýyň görnüşi, [baýraklar]);

Mysal

Bizde bir düwme bar bolsun. Bu düwmä basylanda habar görkezilýär. Geliň, çüýşe düwmäniň üstüne geleninde, bu düwmäniň özüne basylandygy ýaly edeliň:

<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'); // ýagdaý dörediň
	this.dispatchEvent(clickEvent); // düwmä basylyşyny takyplaň
});

Mysal

Öz ýagdaýlaryňyzy (öz atyňyz bilen) döredip, soňra gerek wagtynda çagyryp bilersiňiz. Geliň, düwmä showMessage ýagdaýyny baglalyň we çüýşe üstüne gelende bu ýagdaýy başlalyň:

<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'); // ýagdaý dörediň
	this.dispatchEvent(showMessageEvent); // ýagdaýyň işjeňleşmegini çagyryň
});

Şeýle-de görüň

aýratynlyk addEventListener,
ýagdaýlary baglaýar
aýratynlyk removeEventListener,
ýagdaýlary çözer