1、跨浏览器添加事件8 Z; T9 C* i0 |% s0 Q6 u0 R
//跨浏览器添加事件
function addEvent(obj,type,fn){
if(obj.addEventListener){
obj.addEventListener(type,fn,false);
}else if(obj.attachEvent){//IE
obj.attchEvent('on'+type,fn);
}
} 2、跨浏览器移除事件
+ G+ H4 Z& U3 s1 S5 }5 v' L8 b2 e//跨浏览器移除事件
function removeEvent(obj,type,fn){
if(obj.removeEventListener){
obj.removeEventListener(type,fn,false);
}else if(obj.detachEvent){//兼容IE
obj.detachEvent('on'+type,fn);
}
} 3、跨浏览器阻止默认行为( |& j4 G% X4 m) f( W
//跨浏览器阻止默认行为
function preDef(ev){
var e = ev || window.event;
if(e.preventDefault){
e.preventDefault();
}else{
e.returnValue =false;
}
} 4、跨浏览器获取目标对象
6 w+ w3 D7 z7 l) b//跨浏览器获取目标对象
function getTarget(ev){
if(ev.target){//w3c
return ev.target;
}else if(window.event.srcElement){//IE
return window.event.srcElement;
}
} 5、跨浏览器获取滚动条位置
- C3 `0 \4 A0 p' E3 z& G4 f2 P//跨浏览器获取滚动条位置,sp == scroll position
function getSP(){
return{
top: document.documentElement.scrollTop || document.body.scrollTop,
left : document.documentElement.scrollLeft || document.body.scrollLeft;
}
} 6、跨浏览器获取可视窗口大小; M/ Q' Z& N/ F* p0 u
//跨浏览器获取可视窗口大小
function getWindow () {
if(typeof window.innerWidth !='undefined') {
return{
width : window.innerWidth,
height : window.innerHeight
}
} else{
return {
width : document.documentElement.clientWidth,
height : document.documentElement.clientHeight
}
}
},
! w- ]7 {( U0 m- Y E1 {7 e# F* ^, f9 Q; a6 C! G
|