如何將相同類型的多個事件綁定到一個單一的元素

Question

可能重複：
add or subtract functions from onSubmit event handler?

我有麻煩結合2個模糊事件相同的元素。我綁定的第二個函數是覆蓋綁定到元素的第一個函數。將多個事件綁定到同一元素的正確方法是什麼？我使用純JavaScript。沒有jQuery。

下面是一個例子：http://jsfiddle.net/joeljoeljoel/CRGHt/

我想這兩者的功能火的onblur。訂單對我的特殊情況無關緊要，但是，我有興趣知道我是否可以控制訂單。

Answer 1

使用addEventListener（但請注意，你需要做一個功能測試，看是否是可用的，因爲IE使用attachEvent代替）：

var message = document.getElementById('message'); 
message.addEventListener("blur", function() { 
    alert('blur function one'); 
}); 
message.addEventListener("blur", function() { 
    alert('blur function two'); 
}); 

這裏是一個updated fiddle。

Answer 2

爲什麼不把它們合爲一體呢？

function prepare_function() { 
    var message = document.getElementById('message'); 
    message.onblur = function() { 
     alert('blur function one'); 
     alert('blur function two'); 
    } 
}