原生js,onclick与addEventListener区别

onclick添加的事件会被覆盖
addEventListener可以添加多个事件,先后执行

var d=document.getElementById("btn");
//这个事件会被覆盖不会执行
d.onclick=function(){
  console.log(1);
}
//这个事件正常执行
d.onclick=function(){
  console.log(1);
}
/**/
//这个事件先注册,先执行
d.addEventListener("click",function(){
  console.log(1);
})
//这个事件后注册,后执行
d.addEventListener("click",function(){
  console.log(2);
})

所以·,应该优先考虑addEventListener,这样,在用某些框架的时候,可以确保事件不会被覆盖

猜你喜欢

转载自blog.csdn.net/weixin_41440282/article/details/81145357
今日推荐