Komanda new Event

Komanda new Event - įvykių konstruktorius, kurio pagalba galima sukurti įvykio objektą, o tada iškviesti šį įvykį iš JavaScript naudojant metodą dispatchEvent. Kam to reikia: galima imituoti vartotojo paspaudimą ant mygtuko, bandymą pateikti formą ir taip toliau. Tuo tarpu įvykis nebus kuo nors skiriasi nuo tikrojo, išskyrus savybę event.isTrusted. Galima net kurti įvykius su nestandartiniais (jūsų sugalvotais) pavadinimais ir tada juos iškviesti reikiamu momentu.

Sintaksė

javascriptnew Event(įvykio tipas, [vėliavos]);

Pavyzdys

Tarkime, kad turime mygtuką. Paspaudus ant šio mygtuko išvedamas pranešimas. Padarykime taip, kad užvedus pelės žymeklį ant mygtuko šis mygtukas manytų, kad jį paspaudė:

html<button id="button">mygtukas</button>

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

button.addEventListener('click', function() {
  alert('pranešimas');
});

button.addEventListener('mouseover', function() {
  let clickEvent = new Event('click'); // sukuriame įvykį
  this.dispatchEvent(clickEvent); // imituojame paspaudimą ant mygtuko
});

Результат:

Pavyzdys

Galima kurti savus įvykius (su savo pavadinimu) ir tada reikiamu momentu juos iškviesti. Prikabinkime prie mygtuko įvykį showMessage ir užvedus pelės žymeklį inicijuokime šį įvykį:

html<button id="button">mygtukas</button>

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

button.addEventListener('showMessage', function() {
  alert('pranešimas');
});

button.addEventListener('mouseover', function() {
  let showMessageEvent = new Event('showMessage'); // sukuriame įvykį
  this.dispatchEvent(showMessageEvent); // iškviečiame įvykio suveikimą
});

Результат:

Taip pat žiūrėkite