addEventListener 在 Internet Explorer 9 中如何運作以及舊版的替代方案是什麼？

Internet Explorer 中的addEventListener

addEventListener 方法是一種多功能工具，用於將事件聽器附加到Web 瀏覽器的文檔物件模型(DOM) 中的元素）。它提供了處理使用者互動和事件的標準化方法。然而，addEventListener 的實作在不同的瀏覽器中是不同的。本文探討了 Internet Explorer（特別是版本 9）中 addEventListener 的用法和相容性。

相當於 Internet Explorer 9 中的元素物件

在 Internet Explorer 9 中， Element 物件充當其他瀏覽器中 Element 原型的對應物件。它包含適用於 HTML 元素的所有標準 DOM 屬性和方法。 Element 物件提供對各種元素屬性的訪問，例如：

• id
• class
• tagName
• parentent

childNodes

addEventListener 如何在Internet Explorer 中工作

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

Internet Explorer 9 本機支援addEventListener 方法。它允許開發人員使用以下語法將事件處理程序指派給元素：

這裡，「eventName」表示正在偵聽的特定事件，例如「click」或「mouseenter」。 「eventHandler」是指事件發生時將執行的函式。可選的“options”參數可以自訂事件傳播和處理。

替代方法：attachEvent

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

對於版本 9 之前的 Internet Explorer 版本，有一種已知的替代方法因為「attachEvent」用於處理事件。其語法為：

'eventName' 遵循與 addEventListener 中相同的約定。值得注意的是，'attachEvent'需要在事件名稱前加上'on'前綴。

跨瀏覽器相容性功能

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

為了確保跨瀏覽器的兼容性，均支援addEventListener和attachEvent ，可以使用跨瀏覽器的addEvent 函數：

此函數嘗試對W3C DOM 相容的瀏覽器使用addEventListener，對Internet Explorer 使用AttachEvent。

以上是addEventListener 在 Internet Explorer 9 中如何運作以及舊版的替代方案是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！