javascript在大部分浏览器上兼容的事件代码写法

最新推荐文章于 2020-07-20 15:53:24 发布

冬天里的青菜

最新推荐文章于 2020-07-20 15:53:24 发布

阅读量526

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 浏览器 fun function div null

本文链接：https://blog.youkuaiyun.com/me5572/article/details/7515027

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种处理不同浏览器上JavaScript事件兼容性的方法。通过自定义Event对象，实现了跨浏览器的事件监听、移除及目标元素获取等功能。

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

在主流浏览器上面，各浏览器对javascript的事件并不是统一的，为了使我们写的javascript代码能在大部分浏览器上面有效使用，我们需要来处理事件的兼容问题。

var Event = {
    addEventListener:function(el,type,fun){
        if(el.addEventListener){
            el.addEventListener(type,fun,false);
        }
        else if(el.attachEvent){
            el.attachEvent("on"+type,fun);
        }
        else{
            el["on"+type]=fun;
        }
    },
    removeEventListener:function(el,type,fun){
        if(el.removeEventListener){
            el.removeEventListener(type,fun,false);
        }
        else if(el.detachEvent){
            el.detachEvent("on"+type,fun);
        }
        else{
            el["on"+type]=null;
        }
    },
    getTarget:function(ev){
        return ev.srcElement?ev.srcElement:ev.Target;
    }
}

添加事件：

Event.addEventListener(div,"click",divclick);

删除事件：

Event.removeEventListener(div,"click",divclick);

获取事件触发对象：

Event.getTarget(Event);