JS普通添加事件和事件绑定的区别
2018-11-20 16:58
232 查看
普通添加事件的方法:
var btn = document.getElementById("hello"); btn.onclick = function(){ alert(1); } btn.onclick = function(){ alert(2); }
执行上面的代码只会alert 2
事件绑定方式添加事件:
var btn = document.getElementById("hello"); btn.addEventListener("click",function(){ alert(1); },false); btn.addEventListener("click",function(){ alert(2); },false);
执行上面的代码会先alert 1 再 alert 2
这样就可以发现这两种方法的区别了,普通添加事件的方法不支持添加多个事件,最下面的事件会覆盖上面的,而事件绑定(addEventListener)方式添加事件可以添加多个。
提示:addEventListener不兼容低版本IE,使用addEventListener添加事件之前,请先处理兼容问题,这里就不展开讨论了。
相关文章推荐
- JS事件绑定和普通添加事件的区别
- 普通绑定事件和用 addEventListener 添加事件有什么区别?
- 普通绑定事件和用 addEventListener 添加事件有什么区别
- JS动态添加元素及绑定事件造成程序重复执行解决
- HTML中定义的事件和JS中事件绑定的区别
- 使用js动态添加点击事件时,click与onclick的区别
- 解决js添加一个按钮,让这个按钮也获得初始的事件,绑定到新生成的DOM
- js 添加事件 attachEvent 和 addEventListener 的区别
- JavaScript事件绑定和普通事件区别
- 绑定事件 与普通事件的区别
- 将事件绑定在html标签中和js动态绑定的区别
- JS中onclick与addEventListener绑定事件的区别
- 使用js动态添加点击事件时,click与onclick的区别
- 事件委托:给多个元素和动态添加的元素绑定js事件,
- js普通事件和监听事件的区别
- JS添加/绑定事件监听函数并传参数attachEvent和addEventListener兼容个浏览器
- JS----动态添加元素绑定事件
- js事件绑定的几种方式与on()、bind()的区别
- 利用事件委托解决js元素添加后未响应绑定事件问题
- 使用js动态添加点击事件时,click与onclick的区别