码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript绑定事件跟解绑事件的兼容代码

时间:2018-07-29 22:27:23      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:att   als   class   name   char   asc   har   绑定   comm   

<!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>
    //绑定事件兼容代码
    function addEventListner(element, type, fn) {
        if (element.addEventListener) {
            element.addEventListener(type, fn, false);
        } else if (element.attachEvent) {
            element.attachEvent("on" + type, fn);
        } else {
            element["on" + type] = fn;
        }
    }
    //解绑事件的兼容代码
    function removeEventListner(element, type, fnName) {
        if (element.removeEventListener) {
            element.removeEventListener(type, fnName, false);
        } else if (element.detachEvent) {
            element.detachEvent("on" + type, fnName);
        } else {
            element["on" + type] = null;
        }
    }

    //测试
    function f1() {
        console.log("第一个");
    }
    function f2() {
        console.log("第二个");
    }
    addEventListner(my$("bt"), "click", f1);
    addEventListner(my$("bt"), "click", f2);
    my$("bt2").onclick = function () {
        removeEventListner(my$("bt"), "click", f1);
    };
</script>
</body>
</html>

 

JavaScript绑定事件跟解绑事件的兼容代码

标签:att   als   class   name   char   asc   har   绑定   comm   

原文地址:https://www.cnblogs.com/cuilichao/p/9387598.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!