Bagaimanakah Saya Boleh Mencetuskan Acara JavaScript Secara Pemrograman?

Mencetuskan Acara Secara Pengaturcaraan dalam JavaScript

Pengendalian acara memainkan peranan penting dalam aplikasi web responsif. Walaupun melampirkan pendengar acara pada elemen HTML adalah mudah, ia boleh menjadi mencabar untuk mencetuskan acara secara pengaturcaraan daripada fungsi lain.

Penyelesaian:

Untuk mencetuskan acara secara pengaturcaraan, anda boleh gunakan pendekatan berikut:

1. Pembina Acara:

Pelayar moden menyokong penciptaan acara tersuai menggunakan pembina Acara. Berikut ialah contoh:

const event = new Event('customEvent', {
  bubbles: true,
  cancelable: true
});

element.dispatchEvent(event);

2. Penghantaran Berasaskan Dokumen:

Kaedah ini serasi dengan kebanyakan penyemak imbas. Anda boleh mencipta dan menghantar acara menggunakan objek dokumen:

const event = document.createEvent('HTMLEvents');
event.initEvent('customEvent', true, true);
event.eventName = 'customEvent';

element.dispatchEvent(event);

3. Sokongan IE Legacy:

Untuk Internet Explorer 8 atau lebih awal, anda boleh menggunakan kaedah fireEvent:

const event = document.createEventObject();
event.eventName = 'customEvent';
event.eventType = 'customEvent';

element.fireEvent('on' + event.eventType, event);

Nota:

• Kaedah initEvent kini ditamatkan.
• gelembung menentukan sama ada acara menggelembungkan pokok DOM.
• boleh dibatalkan membolehkan acara dibatalkan oleh pengendali.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencetuskan Acara JavaScript Secara Pemrograman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!