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