為什麼 `addEventListener` 在 MSIE 中拋出錯誤？

Javascript 中的MSIE 和addEventListener 問題

嘗試在document.getElementById('container') 元素上使用addEventListener 方法執行時在網頁上複製內容時使用「beforecopy」功能，使用者可能會在Internet Explorer (MSIE) 中遇到「物件不支援此屬性或方法」錯誤。

出現此問題是因為 MSIE 需要使用AttachEvent 而不是標準的 addEventListener 方法。要解決此問題，請檢查addEventListener 方法是否可用，如果可用則使用它，否則訴諸AttachEvent：

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

另一種方法是建立一個函數來執行此任務：

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');
});

addEventListener 的第三個參數是useCapture，當設定為true 時，表示應該啟動事件擷取。

以上是為什麼 `addEventListener` 在 MSIE 中拋出錯誤？的詳細內容。更多資訊請關注PHP中文網其他相關文章！