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

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

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

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

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

let 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

properti addEventListener,
yang mengaitkan event
properti removeEventListener,
yang melepas event