如何将同一类型的多个事件绑定到单个元素

时间:2012-03-07 23:57:22

标签: javascript javascript-events

  

可能重复:
  add or subtract functions from onSubmit event handler?

我无法将两个模糊事件绑定到同一个元素。我绑定的第二个函数是覆盖绑定到元素的第一个函数。将多个事件绑定到同一元素的正确方法是什么?我正在使用纯JavaScript。没有jQuery。

以下是一个示例:http://jsfiddle.net/joeljoeljoel/CRGHt/

我希望这两个函数能够激活onblur。订单对我的特殊情况无关紧要,但是,我有兴趣知道我是否可以控制订单。

2 个答案:

答案 0 :(得分:0)

使用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

答案 1 :(得分:0)

为什么不把它们合二为一?

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