一.解决非IE浏览器事件绑定的问题?
1.支持同一元素的同一事件句柄可以绑定多个监听函数。
2.如果在同一元素的同一事件句柄上多次注册同一函数,那么第一次注册后的所有注册都被忽略。
3.函数体内的this指向的应当是正在处理事件的节点(如当前正在运行事件句柄的节点)
4.监听函数的执行顺序应当是按照执行的顺序执行。
5.在函数体内不用使用event=event||window.event,来标准化Event
二.跨浏览器添加事件
function addEvent(obj,type,fn){
if(typeof.addEventListener!=’undefined’){
obj.addEventListener(type,fn,balse);
}else if(typeof attachEvent!=’undefined’){
obj.attachEvent(‘on’+type,fn);
}
}
三. 跨浏览器删除事件
function removeEvent(obj, type, fn) {
if (typeof removeEventListener != ‘undefined’) {
obj.removeEventListener(type, fn);
} else if (typeof detachEvent != ‘undefined’) {
obj.detachEvent(‘on’ + type, fn);
}
}
obj.attachEvent(‘on’+type,function(){
fn.call(obj);
}
//兼容IE和W3C阻止默认行为
addEvent.fixEvent.preventDefault=function(){
this.returnValue=false;
}
//兼容IE和W3C取消冒泡
addEvent.fixEvent.stopPropagation=function(){
this.cancelBubble=true;
}