JavaScript为元素绑定事件兼容代码 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="button" value="显示效果" id="bt"/>
<script src="common.js"></script>
<script>
    //为任意元素绑定任意事件
    //参数1:任意元素
    //参数2:事件类型
    //参数3:事件处理函数
    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;
        }
    }
    
    //测试
    addEventListner(my$("bt"), "click", function () {
        console.log("啊1");
    });
    addEventListner(my$("bt"), "click", function () {
        console.log("啊2");
    });
    addEventListner(my$("bt"), "click", function () {
        console.log("啊3");
    })
</script>
</body>
</html>

 

posted @ 2018-07-28 21:05  {颜逸}  阅读(218)  评论(0)    收藏  举报