Mengapakah `addEventListener` Melemparkan Ralat dalam MSIE?

Masalah MSIE dan addEventListener dalam Javascript

Apabila cuba menggunakan kaedah addEventListener pada elemen document.getElementById('container') untuk dilaksanakan fungsi "sebelum menyalin" semasa menyalin kandungan pada halaman web, pengguna mungkin menghadapi ralat "Objek tidak menyokong sifat atau kaedah ini" dalam Internet Explorer (MSIE).

Isu ini timbul kerana MSIE memerlukan penggunaan attachEvent dan bukannya kaedah addEventListener standard. Untuk menyelesaikan masalah ini, semak sama ada kaedah addEventListener tersedia dan gunakannya jika ya, sebaliknya gunakan attachEvent:

if (el.addEventListener){
  el.addEventListener('click', modifyText, false); 
} else if (el.attachEvent){
  el.attachEvent('onclick', modifyText);
}

Pendekatan lain ialah mencipta fungsi untuk melaksanakan tugas ini:

function bindEvent(el, eventName, eventHandler) {
  if (el.addEventListener){
    el.addEventListener(eventName, eventHandler, false); 
  } else if (el.attachEvent){
    el.attachEvent('on'+eventName, eventHandler);
  }
}

bindEvent(document.getElementById('myElement'), 'click', function () {
  alert('element clicked');
});

Argumen ketiga addEventListener ialah useCapture, yang, apabila ditetapkan kepada benar, menunjukkan bahawa penangkapan acara harus dimulakan.

Atas ialah kandungan terperinci Mengapakah `addEventListener` Melemparkan Ralat dalam MSIE?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!