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;
}
}
};
写完此篇博文,下篇将继续将继续添加其他的事件操作。谢谢观看啦啦啦