事件的多次绑定
程序员文章站
2023-12-28 21:48:58
...
addEventListener()
- 通过这个方法也可以为元素绑定多个响应函数
- 参数:
1.时间的字符串,不用on
2.回调函数,当事件触发时该函数会被调用
3.是否在捕获阶段触发事件,需要一个布尔值,一般都传false
- 使用addEventListener()可以同时为一个元素的相同事件绑定多个响应函数,
这样事件被触发时,响应函数将会按照函数的绑定顺序执行
(不支持IE8及以下方法)
例:
btn.addEventListener("click",function(){
alert("1");
},false);
btn.addEventListener("click",function(){
alert("2");
},false);
btn.addEventListener("click",function(){
alert("3");
},false);
//依次返回1,2,3
attachEvent()
- 在IE8中可以使用attachEvent()来绑定事件
- 参数:
1.事件的字符串,需要on
2.回调函数
- 这个方法也可以同时为一个事件绑定多个处理函数,不同的是它是后绑定先执行,
执行顺序和addEventListener()相反
btn.attachEvent("onclick",function(){
alert("1");
});
btn.attachEvent("onclick",function(){
alert("2");
});
btn.attachEvent("onclick",function(){
alert("3");
});
//依次执行3,2,1