支持匿名函数事件处理对象

最新推荐文章于 2023-02-16 08:00:00 发布

斗地主7891

最新推荐文章于 2023-02-16 08:00:00 发布

阅读量435

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/Swordsman___DDZ/article/details/77744210

javascript 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一种用于JavaScript的通用事件处理机制实现方式，包括事件监听和移除监听的方法。通过这种方式，可以有效地管理浏览器中元素的事件绑定，适用于各种跨浏览器的需求。

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

let hashHandle = {};
var addEvent = (function () {
    if(window.addEventListener)
    {
        return function (ele,type,fn,flag) {
            ele.addEventListener(type,function () {
                fn();
                hashHandle[type] = hashHandle[type] || [];
                hashHandle[type].push(arguments.callee);
            },flag)
        }
    }
    else if(window.attachEvent)
    {
        return function (ele,type,fn,flag) {
            ele.attachEvent("on" + type,function () {
               fn();
               hashHandle[type] = hashHandle[type] || [];
               hashHandle[type].push(arguments.callee);
            });
        }
    }

}());
var rmEvent = (function () {
    if(window.removeEventListener)
    {
        return function (ele,type) {
            if(hashHandle[type])
            {
                let i=0;
                for(i = 0;i<hashHandle[type].length;i++)
                {
                    ele.removeEventListener(type,hashHandle[type][i]);
                }
            }
        }
    }
    else if(window.attachEvent)
    {
        return function (ele,type) {
            if(hashHandle[type])
            {
                for(let i=0;i<hashHandle[type].length;i++)
                {
                    ele.detachEvent("on" + type,hashHandle[type][i]);
                }
            }
        }
    }
}());
var eventUtil = {
    getEvent:function (ev) {
        return ev ?ev : window.event;
    },
    getEventTarget:function (ev) {
        return ev.target || ev.srcElement;
    },
    addHandler:function(element,type,handler){ //添加事件
        if(element.addEventListener){
            element.addEventListener(type,handler,false);  //使用DOM2级方法添加事件
        }else if(element.attachEvent){                    //使用IE方法添加事件
            element.attachEvent("on"+type,handler);
        }else{
            element["on"+type]=handler;          //使用DOM0级方法添加事件
        }
    },

    removeHandler:function(element,type,handler){  //取消事件
        if(element.removeEventListener){
            element.removeEventListener(type,handler,false);
        }else if(element.detachEvent){
            element.detachEvent("on"+type,handler);
        }else{
            element["on"+type]=null;
        }
    },
    preventDefault: function (ev) {
        if(ev.preventDefault)
        {
            ev.preventDefault();
        } 
        else {
            ev.returnValue = false;
        }
    },
    stopPropagation:function (ev) {
        if(ev.stopPropagation) {
            ev.stopPropagation()
        }
        else {
            ev.cancelBubble = true;
        }
    }
}