Perintah new Event

Perintah new Event adalah konstruktor event yang dapat digunakan untuk membuat objek event, dan kemudian memicu event ini dari JavaScript menggunakan metode dispatchEvent. Untuk apa ini diperlukan: kita dapat meniru penekanan pengguna pada tombol, upaya pengiriman formulir, dan sebagainya. Dalam hal ini, event tidak akan berbeda dengan event asli kecuali oleh properti event.isTrusted. Kita bahkan dapat membuat event dengan nama non-standar (yang Anda buat) dan kemudian memicunya pada momen yang diperlukan.

Sintaks

javascriptnew Event(jenis event, [flag]);

Contoh

Misalkan kita memiliki sebuah tombol. Saat tombol ini ditekan, sebuah pesan akan ditampilkan. Mari kita buat agar saat mengarahkan kursor mouse ke tombol, tombol tersebut mengira bahwa ia telah diklik:

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

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

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

button.addEventListener('mouseover', function() {
  let clickEvent = new Event('click'); // membuat event
  this.dispatchEvent(clickEvent); // meniru klik pada tombol
});

Результат:

Contoh

Kita dapat membuat event kita sendiri (dengan nama sendiri) dan kemudian memicunya pada momen yang diperlukan. Mari kaitkan event showMessage ke tombol dan saat mengarahkan kursor mouse, kita picu event tersebut:

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

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

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

button.addEventListener('mouseover', function() {
  let showMessageEvent = new Event('showMessage'); // membuat event
  this.dispatchEvent(showMessageEvent); // memicu terjadinya event
});

Результат:

Lihat juga