一个很简单的示例。
普通添加事件的方法:
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
时间: 2024-10-25 01:26:34