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

How to bind multiple events of the same type to a single element

本文关键字：事件 绑定 元素 单个 类型      更新时间：2023-09-26

可能重复：
从onSubmit事件处理程序中添加或减去函数？

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

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

我希望这两个函数都能激发onblur。订单对我的特殊情况并不重要，但我有兴趣知道我是否能控制订单。

使用addEventListener（但请注意，您需要进行功能测试，看看是否可用，因为IE使用attachEvent）：

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

这是一把最新的小提琴。

为什么不把它们合并在一起呢？

function prepare_function() {
    var message = document.getElementById('message');
    message.onblur = function() {
        alert('blur function one');
        alert('blur function two');
    }
}
相关文章：