绑定事件

Posted 2021-01-24 lujieting

<script>
    //为元素绑定事件兼容代码
    //为任意元素.绑定任意的事件，任意的元素，事件的类型，事件处理函数
    function addEventlistener(element,type,fn) {
        //判断浏览器是否支持这个方法
        if(element.addEventListener){
            element.addEventListener=(element,type,false);
        }else if(element.attachEvent){
            element.attachEvent("on"+type,fn);
        }else {
            element["on"+type]=fn;
        }
    }
</script>
<script>
    /*
    * 绑定事件 addEventListener 与 attachEvent 的区别
    *
    * 相同点：都可以绑定事件
    *
    * 不同点：
    * 1：方法名不一样
    * 2：参数个数不一样 addEventListener(element,function,false); attachEvent(element,function);
    * 3:addEventListener 谷歌，火狐，IE11支持，IE8不支持
    *   attachEvent 谷歌，火狐，IE11不支持，IE8支持
    * 4：this不同，addEventListener中的this是当前绑定事件的对象
    *              attachEvent中的this是window
    * 5:addEventListener 中事件的类型（事件的名字）没有on
    *   attachEvent 中事件的类型（事件的名字）有on