attachEvent和addEventListener

最新推荐文章于 2023-09-13 18:53:33 发布

flying_wind2008

最新推荐文章于 2023-09-13 18:53:33 发布

阅读量157

点赞数

分类专栏： js web前端文章标签： function

本文链接：https://blog.csdn.net/flying_wind2008/article/details/6764054

版权

js 同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

web前端

14 篇文章 0 订阅

订阅专栏

document.getElementById("btn").onclick = method1;
document.getElementById("btn").onclick = method2;
document.getElementById("btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行

如需要三个方法都执行，则要用到attachEvent和addEventListener

html

<button id="btn1">button</button>

<script> 
var btn1Obj = document.getElementById("btn1"); 
//object.attachEvent(event,function);
if(btn1Obj.attachEvent){
	btn1Obj.attachEvent("onclick",method1); //method3>method2>method1
	btn1Obj.attachEvent("onclick",method2);
	btn1Obj.attachEvent("onclick",method3);
}else{
	btn1Obj.addEventListener("click",method1,false);  //注意不是onclick而是click.FF是顺序进行的，method1>method2>method3
	btn1Obj.addEventListener("click",method2,false);
	btn1Obj.addEventListener("click",method3,false);
}
function method1(){alert("1111");}
function method2(){alert("2222");}
function method3(){alert("3333");}
</script>