事件监听兼容方式

最新推荐文章于 2020-04-02 22:44:44 发布

原创最新推荐文章于 2020-04-02 22:44:44 发布 · 307 阅读

0 ·

CC 4.0 BY-SA版权

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

兼容方式

    普通浏览器
    标签对象.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,要绑定的事件处理函数

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

在这里插入图片描述