先来看一段代码
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 <body> 8 <input type="button" id="input1" value="点击"> 9 </body> 10 <script type="text/javascript"> 11 var btn1 = document.getElementById("input1"); 12 btn1.onclick=function(){ 13 alert("哈哈"); 14 } 15 btn1.onclick = function(){ 16 alert("呵呵"); 17 } 18 </script> 19 </html>
这段代码只能弹出“呵呵”，我们可以这样理解
var a=1;
var a =2;
alert(a); //2
二级事件绑定需要使用addEventListenter()
上面的代码可以改为
<script type="text/javascript">
var btn1 = document.getElementById("input1");
btn1.addEventListener("click",function(){
alert("哈哈");
});
btn1.addEventListener("click",function(){
alert("呵呵");
});
</script>
可以绑定的事件有click,change,blur,focus,load,mouseover,mouseup......等等。
移除事件可以使用removeEventListener();
原文：http://www.cnblogs.com/syhbb/p/6613418.html