(005)dom_dom2IE事件处理程序

IE事件处理程序

(1)attachEvent()添加事件

(2)detachEvent()删除事件

接收两个相同的参数：事件处理名称和事件处理函数

<html>
    <head>
    </head>
    <body>
        <div id="box">
            <input type="button" value="button" id="btn" onclick="showMsg()">
            <input type="button" value="dom0 button" id="btn2">
            <input type="button" value="dom2 button" id="btn3">
        </div>
        <script type="text/javascript">
            function showMsg() {
                alert("hello");
            }

            function dom2Event() {
                alert("this is dom2 click event");
            }

            var btn2 = document.getElementById("btn2");
            btn2.onclick = function() {
                alert("this is dom0 click event");
            };
            //btn2.onclick = null;

            //Chrome,Firefox下
            // var btn3 = document.getElementById("btn3");
            // btn3.addEventListener("click",dom2Event,false);
            //btn3.removeEventListener("click",dom2Event,false);

            //IE下
            var btn3 = document.getElementById("btn3");
            btn3.attachEvent("onclick",dom2Event);
            btn3.detachEvent("onclick",dom2Event);

        </script>
    </body>
</html>

 

posted @ 2015-02-08 15:48  雪中飞雁  阅读(57)  评论(0)    收藏  举报