原生js跨浏览器兼容事件对象

最新推荐文章于 2021-12-06 15:50:10 发布

梦想就是大神

最新推荐文章于 2021-12-06 15:50:10 发布

阅读量266

点赞数 1

本文链接：https://blog.csdn.net/chen_enson_1/article/details/84633443

版权

1 对于事件对象event

在其他浏览器中Event对象属性如下所示
在IE中其Event对象属性如下图所示

2 如何兼容？

不废话…直接上代码

var eventUtils = {
    addHandle: function(element,eventType,handler){
            if(element.addEventListener)
            element.addEventListener(eventType,handler,false);
            else if(element.attachEvent)
            element.attachEvent('on'+eventType,handler);
            else
            element['on'+type] = handler;
    },
    removeHandle: function(element,eventType,handler){
        if(element.removeEventListener)
        element.removeEventListener(eventType,handler,false);
        else if(element.detachEvent)
        element.detachEvent("on"+eventType,handler);
        else
        element["on"+eventType] = null;
    },
    getEvent:function(event){
        return event ? event : window.event;
    },
    getTarget:function(event){
        return event.target || event.srcElement;
    },
    preventDefault:function(event){
        if(event.preventDefault)
        event.preventDefault();
        else
        event.returnValue = false;
    },
    stopPropagation:function(event){
        if(event.stopPropagation)
        event.stopPropagation();
        else
        event.cancelBubble = true;
    }
}


// Use:
// btn.onclick = function(event){
//     var e = eventUtils.getEvent(event);
// }