原生js,onclick与addEventListener区别
来源:互联网 发布:淘宝查销售额 编辑:程序博客网 时间:2024/05/29 07:54
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,这样,在用某些框架的时候,可以确保事件不会被覆盖
阅读全文
0 0
- 原生js,onclick与addEventListener区别
- JS中onclick与addEventListener绑定事件的区别
- [JS] addEventListener和onclick的区别
- 原生JS click onclick 区别
- 【原生JS】addEventListener 和 on 的区别
- js事件绑定 onclick && addEventListener
- [前端][js]onclick or addEventListener
- addEventListener和onclick的区别
- addEventListener与onclick的比较
- 原生js onclick事件
- JS: .onClick attachEvent和addEventListener三者面对不同浏览器的区别
- JS addEventListener 区别
- 浅谈onclick与addEventListener两种添加事件方式的区别
- js中 onclick与onsubmit的区别
- attachEvent与addEventListener区别
- attachEvent与addEventListener区别
- attachEvent与addEventListener区别
- attachEvent 与addEventListener 区别
- HDU4734[F(x)]
- 穷举法&在给定一组字符中随机抽取字符的方法
- 本地对象的常用几种方法
- 邮件退件的挺多,邮件营销的时,退件率多少合适?阈值控制在多少?
- 转发 、JSP开发常见问题
- 原生js,onclick与addEventListener区别
- 百度地图路书
- 7、static关键字
- codevs 1045 NOIP 1999 回文数 高精度算法
- Spark-编程模型
- jQuery chosen下拉框检索
- Guid.NewGuid()
- laravel5.4开启sql调试
- 八皇后