工作中经常会碰到的一些js兼容问题

Posted 2022-09-14 hupeng1996

　　1.获取滚动距离

        document.documentElement.scrollTop()
        document.body.scrollTop()//IE                

　　2.获取非行间样式

        function getStyle(ele,attr)
		    if(ele.currentStyle)
		        return ele.currentStyle[attr];
		    else
		        return getComputedStyle(ele,false)[attr];
		    
		    

　　3.事件源

　　target=e.target||e.srcElement

　　4.事件中事件对象的获取

　　var e = eve || window.event；

　　5.阻止事件冒泡

            function stopBubble(e)
		    if(e.stopPropagation)
		        e.stopPropagation();
		    else
		        e.cancelBubble = true;
		    
		    

　　6.阻止默认事件

                function stopDefault(e)
		    if(e.preventDefault)
		        e.preventDefault()
		    else
		        e.returnValue = false;
		    
		

　　7.获取按下的键盘码

    var e=e.keyCode  ||  e.which 

　　8.监听式绑定（DOM2级事件绑定）

　　function addEvent(ele,type,cb)
        if(ele.addEventListener)
            ele.addEventListener(type,cb)
        else if(ele.attachEvent)
            ele.attachEvent("on"+type,cb)
        else
            ele["on"+type] = cb;
        
    

　　9.通过事件句柄找到原来的事件处理函数，删除

　　function removeEvent(ele,type,cb)
        if(ele.removeEventListener)
            ele.removeEventListener(type,cb)
        else if(ele.detachEvent)
            ele.detachEvent("on"+type,cb)
        else
            ele["on"+type] = null;