JavaScript自定义跨浏览器事件处理工具

JavaScript自定义跨浏览器事件处理工具

---

---

自定义一个跨浏览器事件处理工具（将JS代码存到自己的一个JS文件中）。用一个JS对象来封装函数。这期博文中只写了关于添加和删除事件的成员函数。

var EventUtil={
    //添加句柄
    addHandler:function(element,type,handler){
        //若浏览器包含DOM二级操作则用DOM二级
        if (element.addEventListener) { 
            element.addEventListener(type,handler,false);
        //若浏览器包含IE事件处理则用IE事件处理
        } else if (element.attachEvent) {
            element.attachEvent('on'+type,handler);
        //都没有则用DOM零级事件处理
        }else{
            element['on'+type]=handler;
        }
    },
    //删除句柄
    //方法同添加句柄，不做解释
    removeHandler:function(element,type,handler){
        if(element.removeEventListener){
            element.removeEventListener(type,handler,false);
        }else if (element.detachEventListener) {
            element.detachEventListener('on'+type,handler);
        }else{
            element['on'+type]=null;
        }
    }
};

---

写完此篇博文，下篇将继续将继续添加其他的事件操作。谢谢观看啦啦啦