事件相關功能函數,使用直接調取即可;
事件綁定
function addEvent(obj,sEv,fn){
if(obj.addEventListener){//高版本瀏覽器
obj.addEventListener(sEv,fn,false);
}else if(obj.attachEvent){//IE低版本瀏覽器
obj.attachEvent('on'+sEv,fn);
}else{
obj['on'+sEv] = fn;//都不支持的時候防止意外
}
}
事件解綁
function removeEvent(obj,sEv,fn){
if(obj.addEventListener){//高版本瀏覽器
obj.removeEventListener(sEv,fn,false);
}else if(obj.detachEvent){//IE低版本瀏覽器
obj.detachEvent('on'+sEv,fn);
}else{
obj['on'+sEv] = null;
}
}
獲取事件對象
function getEvent(event){
return event?event:window.event;
}
獲取事件目標元素
function getTarget(event){
return event.target || event.srcElement;
}
阻止默認事件---->注意最好不要使用return fasle;引用框架可以使用;
function preventDefault(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue = false;
}
}
阻止事件冒泡
function stopPropagation(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble = true;
}
}
