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

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="button" value="按钮" id="btn"/>
    <script>
        function my$(idName){
              return document.getElementById(idName);
    }

    //为任意元素,绑定任意的事件,任意的元素,事件的类型,事件处理函数
    function addEventListener(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;
        }
    }
    
    addEventListener(my$('btn'),'click',function(){
        console.log('123');
    })
    </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/chen1042246612/article/details/88257121