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

javascriptnew 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:

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

javascriptlet 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:

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

javascriptlet 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