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

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

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

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

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

javascriptlet 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