new Event командасы

new Event командасы - оқиға конструкторы, оның көмегімен оқиға объектісін жасауға, содан кейін бұл оқиғаны dispatchEvent әдісінің көмегімен JavaScript-тен шақыруға болады. Бұл не үшін қажет: пайдаланушының батырманы басуын, форманы жіберу әрекетін және т.б. имитациялауға болады. Сонымен бірге оқиға шынайы оқиғадан event.isTrusted қасиетінен басқа еш нәрсемен айырмашылығы болмайды. Стандартты емес (өзіңіз ойлап тапқан) атаулары бар оқиғаларды жасап, содан кейін оларды қажетті сәтте шақыруға болады.

Синтаксис

new Event(оқиға түрі, [флагтар]);

Мысал

Бізде батырма бар делік. Осы батырманы басқанда хабар шығады. Баттырмаға тышқанды апарып қойғанда батырманың оған шынымен басылғандай болуын жасайық:

<button id="button">батырма</button>

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

button.addEventListener('click', function() {
	alert('хабар');
});

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // оқиғаны жасаймыз
	this.dispatchEvent(clickEvent); // батырманы басқанды имитациялаймыз
});

Мысал

Өз оқиғаларыңызды (өз атауымен) жасап, содан кейін оларды қажетті сәтте шақыруға болады. Баттырмаға showMessage оқиғасын байланыстырып, тышқанды апарып қойғанда осы оқиғаны іске қосаық:

<button id="button">батырма</button>

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

button.addEventListener('showMessage', function() {
	alert('хабар');
});

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // оқиғаны жасаймыз
	this.dispatchEvent(showMessageEvent); // оқиғаның орын алуын шақырамыз
});

Сондай-ақ қараңыз

addEventListener қасиеті,
ол оқиғаларды байланыстырады
removeEventListener қасиеті,
ол оқиғаларды ажыратады