兼容性绑定事件和解绑事件

最新推荐文章于 2024-04-23 21:20:08 发布

浩哥学习编程之路

最新推荐文章于 2024-04-23 21:20:08 发布

阅读量76

点赞数

分类专栏：兼容性封装

本文链接：https://blog.csdn.net/m0_46978034/article/details/117333478

版权

兼容性封装专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //  高级浏览器绑定事件通过addEventListener 解绑通过removeEventListener
        // 低版本浏览器绑定事件通过attachEvent解绑通过detachEvent
        // 兼容性处理绑定事件
        function addEvent(obj, eventType, fn) { //这里面要传入三个参数一是要绑定得对象是谁，二是通过什么事件注册绑定，三是执行得函数
            if (obj.addEventListener) { //如果浏览器能认识addEventListener就代表这是高级浏览器就进入到if语句里面 如果浏览器不认识addEventListener就代表是低级浏览器就通过attachEvent绑定事件
                //   高级浏览器
                obj.addEventListener(eventType, fn)
            } else {
                //  低级浏览器
                obj.attachEvent('on' + eventType, fn) //注意低版本浏览器要带on
            }
        }
        // 兼容性处理解绑事件
        function removeEvent(obj, eventType, fn) { //这里面要传入三个参数一是你要给谁解绑，二是通过什么方式解绑,三是解绑得对应函数
            if (obj.removeEventListener) { //如果浏览器能认识removeEventListener就代表是高级浏览器就进入if语句使用removeEventListener解绑，如果浏览器不认识就使用detachEvent解绑事件
                obj.removeEventListener(eventType, fn)
            } else {
                obj.attachEvent('on' + eventType, fn)
            }
        }
        addEvent() //这里传入参数
    </script>
</body>

</html>