dispatchEvent usuli

dispatchEvent usuli elementda hodisani simulyatsiya qilish imkonini beradi. Bu nima uchun kerak: foydalanuvchi tugmasini bosishini, formani yuborishga urinishni va hokazolarni simulyatsiya qilish mumkin. Bunda hodisa haqiqiydan event.isTrusted xususiyatidan boshqa hech narsada farq qilmaydi. Hatto nostandart (o'ylab topilgan) nomlarga ega bo'lgan hodisalarni yaratish va keyin ularni kerakli paytda chaqirish mumkin. Usul hodisani chaqirish kerak bo'lgan elementga qo'llaniladi. Parametrda usul konstruktor yordamida yaratilgan hodisani (ob'ektni) oladi new Event.

Sintaksis

element.dispatchEvent(hodisa);

Misol

Faraz qilaylik, bizda tugma bor. Ushbu tugmani bosganda xabar chiqadi. Keling, sichqoncha tugma ustiga olib borilganda u bosilgandek hisoblanishi uchun qilaylik:

<button id="button">tugma</button>

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

button.addEventListener('click', function() {
	alert('xabar');
});

button.addEventListener('mouseover', function() {
	let clickEvent = new Event('click'); // hodisa yaratamiz
	this.dispatchEvent(clickEvent); // tugmani bosishni simulyatsiya qilamiz
});

Misol

O'z hodisalaringizni (o'z nomingiz bilan) yaratish va keyin kerakli paytda ularni chaqirish mumkin. Keling, tugmaga showMessage hodisasini bog'laymiz va sichqoncha olib borilganda bu hodisani ishga tushiramiz:

<button id="button">tugma</button>

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

button.addEventListener('showMessage', function() {
	alert('xabar');
});

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // hodisa yaratamiz
	this.dispatchEvent(showMessageEvent); // hodisaning ishlashini chaqiramiz
});