事件监听兼容方式

logic51551

于 2020-04-02 22:37:37 发布

阅读量276

点赞数

本文链接：https://blog.youkuaiyun.com/logic51551/article/details/105281317

版权

本文介绍在不同浏览器环境下，如何实现事件监听的兼容性处理。通过addEventListener和attachEvent方法，分别适用于现代浏览器和低版本IE浏览器。文章提供了具体示例，展示了如何为DOM元素绑定点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

兼容方式

    普通浏览器
    标签对象.addEventListener('事件类型' , 事件处理函数)
    事件类型必须是字符串形式,直接写事件类型名称,不能有on

    低版本IE浏览器
    标签对象.attachEvent('on事件类型' , 事件处理函数)

    var oDiv = document.getElementById('div');

    一般的监听方式
    oDiv.addEventListener('click' , function(){
        console.log(123);
    })


    低版本IE浏览器
    oDiv.attachEvent('onclick' , function(){
        console.log(456);
    })   


    使用函数的方式,来做兼容处理
    参数1,要绑定的事件对象
    参数2,要绑定的事件类型
    参数3,要绑定的事件处理函数

    如果是特殊的事件类型,需要绑定,可以再单独写判断

在这里插入图片描述