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

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

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'); // ý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ň:

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

Результат:

Şeýle-de görüň