1. Model Acara Asli
Jenis Acara -nya: dibagi menjadi "Acara Input (seperti OnClicki)" dan "Acara Semantik (seperti Onsubmit)"
Pendaftaran program acara dapat dilakukan dengan cara berikut:
1. Kode JS sebagai nilai properti HTML
Salinan kode adalah sebagai berikut: <input type = "Tombol" value = "tekan saya" onclick = "waspada ('terima kasih');"
2. Event Handler sebagai atribut JS
Catatan: Setiap elemen HTML dalam dokumen memiliki objek JS yang sesuai di pohon dokumen. Atribut objek JS ini sesuai dengan sifat -sifat elemen HTML tersebut. Apakah itu kode JS dari sifat HTML atau penangan waktu atribut JS, atributnya sendiri adalah fungsi "fungsi".
Salin kode sebagai berikut: <form name = "f1">
<input name = "b1" type = "tombol" value = "tekan saya"/>
</form>
Metode penugasan pertama:
Salinan kode adalah sebagai berikut: document.f1.b1.onClick = function () {alert ('terima kasih');};
Metode penugasan kedua:
Salinan kode adalah sebagai berikut: function plead () {window.status = "Silakan tekan saya!";}
document.f1.bi.onmouseover = mohon;
Penangan acara sebagai atribut JS dapat secara eksplisit dipanggil dengan atribut JS
Salinan kode adalah sebagai berikut: document.myfrom.onsubmit ();
Event Handler dapat mengembalikan Fale untuk mencegah browser melakukan tindakan default dari peristiwa, operasi yang biasa digunakan seperti Onsubmit. Pengecualiannya adalah
Pemblokiran jendela. Acara tampilan status dari mouseover hyperlink adalah untuk mengembalikan true. Misalnya:
Salin kode sebagai berikut: <a href = "help.htm" onmouseover = "window.status = 'help'; return true;"> help </a>
2. Model acara DOM2
Model ini diformulasikan dengan mengacu pada model Bubble IE, yang merupakan spesifikasi yang diformulasikan oleh W3C. Dalam model asli, pegangan acara dipanggil langsung setelah suatu peristiwa terjadi, dan tidak ada proses propagasi peristiwa lain. Dalam model DOM2, acara memiliki proses propagasi khusus, yang dibagi menjadi tiga tahap:
(1) Fase Penangkapan: Acara disebarkan dari dokumen ke elemen target. Selama proses ini, jika ada elemen leluhur yang tertarik pada acara tersebut, Anda dapat mendaftarkan fungsi pemrosesan Anda sendiri.
(2) Target Fase: Acara mencapai elemen target dan menjalankan fungsi penanganan acara dari elemen target.
(3) Fase Bubbling: Peristiwa naik dari elemen target hingga dokumen. Meskipun semua jenis acara akan melewati tahap fase captruing, hanya beberapa peristiwa yang akan melewati tahap fase menggelegak, misalnya, acara pengiriman tidak akan melayang.
Selama seluruh proses perambatan acara, Event.StopPropagation () dapat dipanggil untuk menghentikan perambatan acara dan preventdefault () dapat dipanggil untuk memblokir perilaku default browser.
Salinan kode adalah sebagai berikut: AddEventListener ("EventType", "Handler", "True! False");
RemoveEventListner ("EventType", "Handler", "True! False");
Yaitu model
Model IE juga menyediakan objek acara yang merangkum informasi terperinci dari acara tersebut, tetapi IE tidak meneruskan objek ke dalam fungsi penanganan acara. Karena hanya akan ada satu acara kapan saja, yaitu menganggapnya sebagai atribut dari jendela objek global. Mode perambatan acara di IE sesuai dengan tahap kedua dan ketiga DOM2. Pertama, fungsi pemrosesan elemen target dijalankan, dan kemudian unggahan mencapai dokumen. Hanya acara tikus yang dapat ditangkap di IE. Semua acara dapat ditangkap di DOM2. Metode mendaftarkan dan menghapus fungsi penanganan acara di IE juga berbeda dari DOM2.
Pendaftaran dan penghapusan penangan acara melalui lampiran elemen ("EventType", "Handler") dan Detachevent ("EventType", "Handler"). Tidak seperti DOM2, EventType memiliki awalan pada
Fitur:
1. Proses propagasi hanya menggelembung dan tidak menangkapnya. Metode untuk mengganggu gelembung:
window.ecent.cancelbubble = true;
2. Objek acara bukan parameter fungsi dari event handler, tetapi variabel global jendela.
3. Fungsi pendaftaran acara: attachEvent () dan anti-registrasi: detachevent ().
4. Model acara Netscape4
Karena Netscape tampaknya telah benar -benar berhenti berkembang, saya tidak akan menjelaskannya secara rinci. Sederhananya, itu hanya menangkap dan tidak menggelembung.
Di atas adalah pengantar dasar untuk model acara JavaScript. Saya harap ini dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.