new Event buyrug'i

new Event buyrug'i - hodisalar konstruktori bo'lib, uning yordamida hodisa ob'ektini yaratish, va keyin bu hodisani dispatchEvent usuli yordamida JavaScriptdan chaqirish mumkin. Nima uchun kerak: foydalanuvchining tugmani bosishini, formani yuborish urinishini va shu kabilarni takrorlash mumkin. Bunda hodisa haqiqiydan event.isTrusted xususiyatidan tashqari hech narsada farq qilmaydi. Hatto nostandart (o'zingiz topgan) nomlarga ega hodisalarni yaratish va keyin ularni kerakli paytda chaqirish mumkin.

Sintaksis

new Event(hodisa turi, [flaglar]);

Misol

Faraz qilaylik, bizda tugma bor. Ushbu tugmani bosishga xabar chiqarilsin. Keling, sichqoncha tugma ustiga kelganda, tugma o'ziga bosilgandek his qilsin:

<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); // tugmaga bosishni takrorlaymiz
});

Misol

O'zingizning hodisalaringizni (o'z nomingiz bilan) yaratishingiz va keyin kerakli paytda ularni chaqirishingiz mumkin. Keling, tugmaga showMessage hodisasini bog'laymiz va sichqoncha ustiga kelganda 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
});

Shuningdek qarang

addEventListener xususiyati,
hodisalarni bog'laydi
removeEventListener xususiyati,
hodisalarni ochadi