JavaScript 元素添加多個事件監聽程序

addEventListener() 方法

添加當用戶點擊按鈕時觸發的事件監聽器：

document.getElementById("myBtn").addEventListener("click", displayDate);

向相同元素添加多個事件處理程序

addEventListener() 方法允許您向相同元素添加多個事件，同時不覆蓋已有事件：

element.addEventListener("click", myFunction);
element.addEventListener("click", mySecondFunction);

element.addEventListener("mouseover", myFunction);
element.addEventListener("click", mySecondFunction);
element.addEventListener("mouseout", myThirdFunction);

ie8

element.attachEvent(event, function);

跨瀏覽器解決方案：

var x = document.getElementById("myBtn");
if (x.addEventListener) {                    // 針對主流瀏覽器，除了 IE 8 及更正版本
    x.addEventListener("click", myFunction);
} else if (x.attachEvent) {                  // 針對 IE 8 及更早版本 x.attachEvent("onclick", myFunction); } 

文章來自 www.96net.com.cn