Bagaimanakah addEventListener berfungsi dalam Internet Explorer 9 dan apakah alternatif untuk versi lama?

addEventListener dalam Internet Explorer

Kaedah addEventListener ialah alat serba boleh untuk melampirkan pendengar acara pada elemen dalam Model Objek Dokumen pelayar web (DOM ). Ia menawarkan pendekatan piawai untuk mengendalikan interaksi dan acara pengguna. Walau bagaimanapun, pelaksanaan addEventListener berbeza merentas pelayar. Artikel ini meneroka penggunaan dan keserasian addEventListener dalam Internet Explorer, khususnya dalam versi 9.

Setara dengan Objek Elemen dalam Internet Explorer 9

Dalam Internet Explorer 9, objek Elemen berfungsi sebagai rakan sejawat kepada prototaip Elemen dalam pelayar lain. Ia merangkumi semua sifat DOM standard dan kaedah yang digunakan untuk elemen HTML. Objek Element menyediakan akses kepada pelbagai atribut elemen, seperti:

• id
• class
• tagName
• parentNode
• childNodes

Cara addEventListener Berfungsi dalam Internet Explorer

Internet Explorer 9 secara asli menyokong kaedah addEventListener. Ia membenarkan pembangun menetapkan pengendali acara kepada elemen menggunakan sintaks berikut:

element.addEventListener(eventName, eventHandler, [options]);

Di sini, 'eventName' mewakili acara khusus yang sedang didengar, seperti 'klik' atau 'masuk tetikus'. 'eventHandler' merujuk kepada fungsi yang akan dilaksanakan apabila peristiwa itu berlaku. Parameter 'pilihan' pilihan membolehkan penyesuaian penyebaran dan pengendalian acara.

Kaedah Alternatif: attachEvent

Untuk versi Internet Explorer sebelum versi 9, kaedah alternatif diketahui sebagai 'attachEvent' digunakan untuk mengendalikan acara. Sintaksnya ialah:

element.attachEvent("on" + eventName, eventHandler);

'eventName' mengikut konvensyen yang sama seperti dalam addEventListener. Terutamanya, 'attachEvent' memerlukan awalan 'on' sebelum nama acara.

Fungsi Keserasian Merentas Pelayar

Untuk memastikan keserasian merentas penyemak imbas, kedua-duanya menyokong addEventListener dan attachEvent , fungsi addEvent silang penyemak imbas boleh digunakan:

function addEvent(evnt, elem, func) {
   if (elem.addEventListener)  // W3C DOM
      elem.addEventListener(evnt,func,false);
   else if (elem.attachEvent) { // IE DOM
      elem.attachEvent("on"+evnt, func);
   }
   else { // No much to do
      elem["on"+evnt] = func;
   }
}

Fungsi ini cuba menggunakan addEventListener untuk penyemak imbas yang mematuhi DOM W3C dan attachEvent untuk Internet Explorer.

Atas ialah kandungan terperinci Bagaimanakah addEventListener berfungsi dalam Internet Explorer 9 dan apakah alternatif untuk versi lama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!