Acara Panggilan:
Objek acara
Apa itu objek acara? Acara pada DOM yang dipicu akan menghasilkan acara objek acara. Misalnya, ketika mouse klik, Anda akan menghasilkan jenis klik dan elemen yang Anda butuhkan untuk mengirimkannya.
Atribut Tipe Objek Acara DOM digunakan untuk mendapatkan objek peristiwa, atribut target digunakan untuk mendapatkan target acara, metode stoppropagation () mencegah peristiwa dari menggelembung. Perilaku default dari PreventDefault memblokir acara.
Atribut Tipe Objek Acara di IE digunakan untuk mendapatkan objek acara, dan atribut SRCelement digunakan untuk mendapatkan atribut target cancelBubble acara digunakan untuk mencegah gelembung peristiwa yang diatur ke true untuk menunjukkan bahwa itu diblokir salah berarti tidak diblokir.
Perilaku default properti ReturnValue untuk memblokir peristiwa diatur ke false untuk menunjukkan pemblokiran.
Salinan kode adalah sebagai berikut:
// Compatible with cross-browser event processing of each browser----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
var eventHandle = {
// Elemen: Elemen, Ketik: Klik Acara, Pegangan: Metode yang diimplementasikan
// Tambahkan pegangan
addeventhandle: function (elemen, type, handler) {
if (element.addeventListener) {
element.addeventlistener (tipe, handler, false); // --- false // mewakili level gelembung dom2
}
lain if (element.attachevent) {
element.attachevent ("on"+type, handler);
} kalau tidak {
elemen ["on" + type] = handler;
}
},
// hapus pegangan penanganan acara tidak berhasil
RemestEventHandle: Function (Elemen, Type, Handler) {
if (element.removeeventlistener) {// mendukung tipe pemrosesan acara tingkat dom2 adalah onClick
element.removeeventlistener (tipe, handler, false); // --- false // mewakili gelembung
}
lain if (element.detachevent) {
element.detachevent ("on"+type, handler); // Dukungan IE
} kalau tidak {
elemen ["on" + type] = null; // event level dom0 menangani acara klik tradisional
}
},
// Dapatkan semua objek yang kompatibel dengan browser
getEvent: function (event) {
Acara Kembali? Acara: Window.event; // Apa yang dibutuhkan dalam versi yang lebih rendah dari browser IE adalah Window.event
},
// Apakah itu klik atau mouse untuk memindahkan jenis acara
getType: function (event) {
return event.type;
},
// Dapatkan elemen saat ini
GetElement: function (event) {
return event.target || event.srcelement;
},
// Perilaku default dari acara pemblokiran
: function (event) {
if (event.preventdefault) {
event.preventdefault ();
}
kalau tidak {
event.returnValue = false;
}
},
// Hentikan gelembung acara
stoppropagation: function (event) {
if (event.stoppropagation) {
event.stoppropagation ();
}
kalau tidak {
event.cancelbubble = true;
}
}
}