zoukankan      html  css  js  c++  java
  • dom scrollX scrollY innerWidth cilentWidth

                function getScroll(){
                    return {
                        x:window.pageXOffset?window.pageXOffset:document.body.scrollLeft+document.documentElement.scrollLeft,
                        y:window.pageYOffset?window.pageYOffset:document.body.scrollTop+document.documentElement.scrollTop,
                    }
                }
                function getViewportWH(){
                    if(window.innerWidth){
                        return {
                            w:window.innerWidth,
                            h:window.innerHeight,
                        }
                    }else{
                        if(document.compatMode==='BackCompat'){
                            return {
                                w:document.body.clientWidth,
                                h:document.body.clientHeight,
                            }
                        }else{
                            return {
                                w:document.documentElement.clientWidth,
                                h:document.documentElement.clientHeight,
                            }
                        }
                    }
    
                }
                console.log(getViewportWH())
                function addEvent(ele,type,handle){
                    if(ele.addEventListener){
                        ele.addEventListener(type,handle,false)
                    }else if(ele.attachEvent){
                        ele.attachEvent('on'+type,function(){
                            handle.call(ele)
                        })
                    }else{
                        ele['on'+type]=handle
                    }
                }
    //绑定事件
                function addEvent(ele,type,handle){
                    if(ele.addEventListener){
                        ele.addEventListener(type,handle,false)
                    }else if(ele.attachEvent){
                        ele.attachEvent('on'+type,function(){
                            handle.call(ele)
                        })
                    }else{
                        ele['on'+type]=handle
                    }
                }
                //解除事件
                function removeEvent(ele,event,handle){
                    if(ele.removeEventListener){
                        ele.removeEventListener(type,handle,false)
                    }else if(ele.detachEvent){
                        ele.detachEvent('on'+type,function(){
                            handle.call(ele)
                        })
                    }else{
                        ele['on'+type]=''
                    }
                }
                //阻止冒泡
                function stopPop(e){
                    if(e.stopPropagation){
                        e.stopPropagation()
                    }else{
                        e.cancelBubble=true
                    }
                }
                //阻止默认事件
                //1、return false 2、event.preventDefault() 3、event.returnValue=false
                function stopDefaultEve(e){
                    if(e.preventDefault){
                        e.preventDefault()
                    }else{
                        e.returnValue=false
                    }
                }
  • 相关阅读:
    python各种运算优先级一览表
    python数据类型之元组、字典、集合
    python数据类型之列表
    element.scrollHeight,scrollTop
    window.pageYOffset
    msdn getBoundingClientRect()
    js addEventListener
    js 原生滚动到指定元素(元素滚动到可视范围)
    css 选择器判断属性有无
    electron 查看版本信息
  • 原文地址:https://www.cnblogs.com/howhy/p/15796892.html
Copyright © 2011-2022 走看看