先来看一段代码
- 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()
上面的代码可以改为
var btn1 = document.getElementById("input1");
btn1.addEventListener("click",function(){
alert("哈哈");
});
btn1.addEventListener("click",function(){
alert("呵呵");
});
可以绑定的事件有 click,change,blur,focus,load,mouseover,mouseup...... 等等。
移除事件可以使用 removeEventListener();
来源: http://www.bubuko.com/infodetail-1995075.html