JavaScript事件解绑的方式 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="button" value="按钮" id="bt"/>
<input type="button" value="解绑事件" id="bt2"/>
<script src="common.js"></script>
<script>
    //    //用什么方式绑定事件就要用什么方式解绑事件
    //    my$("bt").onclick = function () {
    //      alert("哈哈");
    //    };
    //    //事件解绑
    //    my$("bt2").onclick = function () {
    //        my$("bt").onclick = null;
    //    };


    //第二种
    //用这种方式绑定函数如果要解绑需要用命名函数
//    function f1() {
//        console.log("第一个");
//    }
//    function f2() {
//        console.log("第二个");
//    }
//    my$("bt").addEventListener("click", f1, false);
//    my$("bt").addEventListener("click", f2, false);
//    //解绑函数
//    my$("bt2").onclick = function () {
//        my$("bt").removeEventListener("click", f1, false);
//    };


    //第三种
    function f1() {
        console.log("第一个");
    }
    function f2() {
        console.log("第二个");
    }
    my$("bt").attachEvent("onclick", f1);
    my$("bt").attachEvent("onclick", f2);
    my$("bt2").onclick = function () {
     my$("bt").detachEvent("onclick", f1);
    };
    /*
    * 解绑事件:
    * 第一种:
    * 对象.on事件名字 = 事件处理函数----->绑定事件
    * 对象.on事件名字 = null----->解绑事件
    * 第二种:
    * 对象.addEventListner("没有on的事件类型", 命名函数, false);----->绑定事件
    * 对象.removeEventListner("没有on的事件类型", 命名函数, false);----->解绑事件
    * 第三种:
    * 对象.attachEvent("on事件名字",命名函数);
    * 对象.detachEvent("on事件名字", 命名函数);
    * */
</script>
</body>
</html>

 

posted @ 2018-07-29 20:30  {颜逸}  阅读(332)  评论(0)    收藏  举报