Arahan new Event

Arahan new Event - pembina acara, yang boleh digunakan untuk mencipta objek acara, dan kemudian memicu acara tersebut dari JavaScript menggunakan kaedah dispatchEvent. Mengapa ini diperlukan: anda boleh meniru tindakan menekan pengguna pada butang, percubaan menghantar borang dan sebagainya. Acara ini tidak akan berbeza dengan acara sebenar kecuali pada sifat event.isTrusted. Anda juga boleh mencipta acara dengan nama bukan standard (yang anda cipta sendiri) dan kemudian memicunya pada masa yang diperlukan.

Sintaks

new Event(jenis acara, [bendera]);

Contoh

Katakan kita ada butang. Apabila butang ini ditekan, mesej akan dipaparkan. Mari kita buat supaya apabila tetikus dihalakan ke atas butang, butang itu 'berfikir' bahawa ia telah diklik:

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

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

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

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

Contoh

Anda boleh mencipta acara sendiri (dengan nama sendiri) dan kemudian memicunya pada masa yang diperlukan. Mari kaitkan acara showMessage kepada butang dan apabila tetikus dihalakan ke atasnya, picu acara tersebut:

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

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

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

button.addEventListener('mouseover', function() {
	let showMessageEvent = new Event('showMessage'); // mencipta acara
	this.dispatchEvent(showMessageEvent); // memicu pelancaran acara
});

Lihat juga

sifat addEventListener,
yang mengaitkan acara
sifat removeEventListener,
yang menguraikan acara