IE事件处理程序在IE中无反应-慕课网

IE事件处理程序在IE中无反应

来源：2-4 IE事件处理程序及跨浏览器解决

一飞冲天2

2016-12-11 12:30

<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8" http-equiv="content-type" content="text/html">
       <title>事件处理程序</title>
       <script type="text/javascript">
       function shows(){
           alert('你好吗！');
       }

       window.onload=function(){
       var btn2=document.getElementById('btn2');
       btn2.onclick=function()
       {
           alert('我很好，你呢');
       }
       btn2.onclick=null; //删除onclick按钮属性

       var btn3=document.getElementById("btn3");
           btn3.addEventListener("click",shows,false);
           btn3.addEventListener("click",function(){alert("你吃饭了没？");},false);

           btn3.addEventListener("click",function(){
               alert(this.value);   //this可以引用被触发的元素，后面写value，执行会显示按钮名称
           },false);
           //btn3.removeEventListener("click",shows,false);
       var btn4=document.getElementById("btn4");
           btn4.attachEvent("onclick",shows);
           btn4.detachEvent("onclick",shows);
       }


       </script>
   </head>
   <body>
       <input type="button" value="按钮一" id="btn1" onclick="shows()" />
       <input type="button" value="按纽二" id="btn2" />
       <input type="button" value="按纽三" id="btn3" />
       <input type="button" value="按纽四" id="btn4" />
   </body>
</html>