在一个元素上绑定多个事件

时间:2025-03-18 22:26:28

DOM2级定义了两个方法用于处理指定和删除事件处理程序的操作: addEventListener()和removeEventListener()。所有的DOM节点中都包含了这两个方法,并且它们都接受3个参数,要处理的时间名、作为事件处理程序的函数和一个布尔值。最后这个布尔值如果是true,表示在捕获阶段调用事件处理程序,如果是false,表示在冒泡阶段调用事件处理程序,比如要在按钮上为click事件添加事件

var btn = ("myBtn");
("click", function () {
    alert();
}, false);

("click", function () {
    alert("Hello world");
}, false);

这个两个事件会按他们的顺序触发

通过addEventListener()添加的事件只能用removeEventListener()来移除,移除时传入的参数与添加事件使用的参数相同。通过addEventListener()添加的匿名函数无法删除

var btn = ("myBtn");
("click", function () {
    alert();
}, false);
("click", function () { //没有用!
    alert();
}, false);
var btn = ("myBtn");
var handler = function () {
    alert();
};
("click", handler, false);// 这里省略其他代码
("click", handler, false);// 有效!