window.addventlistener使用方法

最新推荐文章于 2024-05-29 16:21:30 发布

小仙女de成长

最新推荐文章于 2024-05-29 16:21:30 发布

阅读量1.1k

点赞数 1

分类专栏： javascript以及jquery

博客就当自己记的笔记而已~非常感谢博客大神的帮助，若有无意侵权，请联系我，谢谢

本文链接：https://blog.csdn.net/qq_32963841/article/details/105563106

版权

javascript以及jquery 专栏收录该内容

120 篇文章 2 订阅

订阅专栏

一般情况下，如果给一个dom对象绑定同一个事件，只有最后一个会生效，

document.getElementById("btn").onclick = method1; 
document.getElementById("btn").onclick = method2; 
document.getElementById("btn").onclick = method3;

那么只有methods生效

如果是Mozilla系列，用addEventListener可以让多个事件按顺序来实现，比如：

var btn1Obj = document.getElementById("btn1"); 
//element.addEventListener(type,listener,useCapture); 
btn1Obj.addEventListener("click",method1,false); 
btn1Obj.addEventListener("click",method2,false); 
btn1Obj.addEventListener("click",method3,false);

执行顺序为method1>method2>method3

如果是ie系列，用attachEvent可以让多个事件按顺序都实现，比如：

var btn1Obj = document.getElementById("btn1");
btn1Obj.attachEvent(event,function);
btn1Obj.attachEvent("onclick",methods1);
btn1Obj.attachEvent("onclick",method2); 
btn1Obj.attachEvent("onclick",method3);

执行顺序为：methods3>method2>method1