JavaScript 经典实例源码之跨浏览器事件

admin

1、跨浏览器添加事件

复制代码
//跨浏览器添加事件
    function addEvent(obj,type,fn){
        if(obj.addEventListener){
            obj.addEventListener(type,fn,false);
        }else if(obj.attachEvent){//IE
            obj.attchEvent('on'+type,fn);
        }
    }

2、跨浏览器移除事件
; S( M6 t4 l) v& N

复制代码
//跨浏览器移除事件
function removeEvent(obj,type,fn){
    if(obj.removeEventListener){
        obj.removeEventListener(type,fn,false);
    }else if(obj.detachEvent){//兼容IE
        obj.detachEvent('on'+type,fn);
    }
}

3、跨浏览器阻止默认行为
, ?, G* L5 u/ B5 M8 z

复制代码
//跨浏览器阻止默认行为
    function preDef(ev){
        var e = ev || window.event;
        if(e.preventDefault){
            e.preventDefault();
        }else{
            e.returnValue =false;
        }
    }

4、跨浏览器获取目标对象
4 {- a: P: f, W9 u" G$ k- ~

复制代码
//跨浏览器获取目标对象
function getTarget(ev){
    if(ev.target){//w3c
        return ev.target;
    }else if(window.event.srcElement){//IE
        return window.event.srcElement;
    }
}

5、跨浏览器获取滚动条位置
" x$ P/ N5 V4 `; y( C, B. O7 H

复制代码
//跨浏览器获取滚动条位置，sp == scroll position
    function getSP(){
        return{
            top: document.documentElement.scrollTop || document.body.scrollTop,
            left : document.documentElement.scrollLeft || document.body.scrollLeft;
        }
    }

6、跨浏览器获取可视窗口大小
5 Q. K2 d: G0 h/ Y

复制代码
//跨浏览器获取可视窗口大小
          function  getWindow () {
            if(typeof window.innerWidth !='undefined') {
                return{
                    width : window.innerWidth,
                    height : window.innerHeight
                }

            } else{
                return {
                    width : document.documentElement.clientWidth,
                    height : document.documentElement.clientHeight
                }
            }
        },

4 u3 E9 Y& m' t' o0 c8 ~0 C3 ?