1、跨浏览器添加事件7 S3 M4 ?6 x) ~. Q, m
//跨浏览器添加事件
function addEvent(obj,type,fn){
if(obj.addEventListener){
obj.addEventListener(type,fn,false);
}else if(obj.attachEvent){//IE
obj.attchEvent('on'+type,fn);
}
} 2、跨浏览器移除事件3 ~5 m9 [" _+ c H- V
//跨浏览器移除事件
function removeEvent(obj,type,fn){
if(obj.removeEventListener){
obj.removeEventListener(type,fn,false);
}else if(obj.detachEvent){//兼容IE
obj.detachEvent('on'+type,fn);
}
} 3、跨浏览器阻止默认行为* u+ K5 s( B. E! p q
//跨浏览器阻止默认行为
function preDef(ev){
var e = ev || window.event;
if(e.preventDefault){
e.preventDefault();
}else{
e.returnValue =false;
}
} 4、跨浏览器获取目标对象* `" ~7 O0 ?( H' M' N% L
//跨浏览器获取目标对象
function getTarget(ev){
if(ev.target){//w3c
return ev.target;
}else if(window.event.srcElement){//IE
return window.event.srcElement;
}
} 5、跨浏览器获取滚动条位置. _0 J& U* l: _! J" c
//跨浏览器获取滚动条位置,sp == scroll position
function getSP(){
return{
top: document.documentElement.scrollTop || document.body.scrollTop,
left : document.documentElement.scrollLeft || document.body.scrollLeft;
}
} 6、跨浏览器获取可视窗口大小
0 }& ^5 v" d3 N6 p8 F3 C//跨浏览器获取可视窗口大小
function getWindow () {
if(typeof window.innerWidth !='undefined') {
return{
width : window.innerWidth,
height : window.innerHeight
}
} else{
return {
width : document.documentElement.clientWidth,
height : document.documentElement.clientHeight
}
}
}, $ O- @0 o* L8 A/ i0 ~5 y D( ]
R0 i% _$ x! `, C/ S1 R
|