JS事件绑定和普通添加事件的区别
2016-06-19 11:11
274 查看
一个很简单的示例。
普通添加事件的方法:
执行上面的代码只会alert 2
事件绑定方式添加事件:
执行上面的代码会先alert 1 再 alert 2
这样就可以发现这两种方法的区别了,普通添加事件的方法不支持添加多个事件,最下面的事件会覆盖上面的,而事件绑定(addEventListener)方式添加事件可以添加多个。
提示:
原文:http://blog.sucaijiayuan.com/article/72
普通添加事件的方法:
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添加事件之前,请先处理兼容问题,这里就不展开讨论了。
原文:http://blog.sucaijiayuan.com/article/72
相关文章推荐
- js---javaScript九九乘法表演示、导入css的使用
- js---javaScript(循环语句的使用实例)for while do....while(转移语句): break, continue , return
- js---javaScript (if....else和switch...case的使用实例)
- JavaScript填坑史
- js---javaScript 1、语法实例
- js---javaScript基本语法
- javascript判断是否为undefined
- js解析xml,获取XMl标签属性值
- ssh框架使用json和ajax传递参数的区别
- 省市县三级联动(jqurey+json)
- jstree的使用
- JSON 解析
- gdal将shp数据转换为geojson数据
- 13个实用的JavaScript调试小技巧
- js 插件学习demo
- JS 回到顶部插件
- JavaScript文本编辑事件
- jsp:forward jsp:include传中文参数乱码问题的解决方法
- Java根据URL连接请求JSON数据解析代码
- json_encode , json 还是数组?(转)