day19 - javascript部分兼容写法

1.获取窗口滚动过的距离

var top = document.documentElement.scrollTop || document.body.scrollTop
var teft = document.documentElement.scrollLeft || document.body.scrollLeft

2.获取事件对象

e = e || window.event

3.获取键盘码

var keycode = e.keycode || e.which

4.获取事件源

var target = e.target || e.srcElement

5. 获取元素样式

function getStyle(ele ，attr){//ele：元素   attr：标签
    if（window.getComputedStyle）{
        return window.getComputedStyle(ele)[attr]
    }
    else{
        return ele.currentStyle[attr]；
    }
}

6.事件侦听器

function bind(ele,type,handler){
    if(ele.addEventListener){
    	ele.addEventListener(type,handler,false);
    }else if{
        ele.attachEvent("on+type",handler)
    }else{
        ele["on" + type] = handler;
    }
}

事件解绑

function unbind(ele,type,handler){
    if(ele.removeEventListener){
        ele.removeEventListener(type,handler,false);
    }else if{
        ele.detachEvent("on+type",handler)
    }else{
        ele["on" + type] = null;
    }
}

7.阻止冒泡

if(e.stopPropagation){
    e.stopPropagation();
}else{
    e.cancelBubble=true;
}

8.阻止默认行为

function stopDefault(event) {
    var e = event || window.event;
    if (e.preventDefault){
        e.preventDefault();   // w3c标准浏览器
    }else{
        e.returnValue = false; // IE浏览器
    }
}