                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

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

<!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>