dispatchEvent әдісі

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

Синтаксис

элемент.dispatchEvent(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); // оқиғаның іске қосылуын шақыру
});