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
                    }
                }
  • 相关阅读:
    python3图片转化成字符画
    ubuntu 18.04安装PIL(Python Imaging Library )
    Ubuntu 18.04安装钉钉
    django 使用iframe跨域请求
    django 自定义日志字段
    Ubuntu18.04下安装搜狗输入法(亲测有效)
    Nginx 配置指令手册
    js闭包Demo
    自己写了一个无缝滚动的插件(jQuery)
    写JQuery 插件 什么?你还不会写JQuery 插件
  • 原文地址:https://www.cnblogs.com/howhy/p/15796892.html
Copyright © 2011-2022 走看看