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ė

new 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ė:

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

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

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

let 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

savybė addEventListener,
kuri prikabina įvykius
savybė removeEventListener,
kuri atkabina įvykius