美文网首页
常用js代码

常用js代码

作者: zhanggongzi | 来源:发表于2018-09-01 21:19 被阅读0次

    /**

     *鼠标滚动
    
     */
    
     $(document).on("mousewheel DOMMouseScroll", function(event){
    
        //mousewheel/wheelDelta-IE/Opera/Chrome
    
        //DOMMouseScroll/detail-Firefox
    
        var wheelVal = (event.originalEvent.wheelDelta && (event.originalEvent.wheelDelta > 0 ? 1 : -1)) || (event.originalEvent.detail && (event.originalEvent.detail > 0 ? 1 : -1));
    
        if(wheelVal > 0){
    
            console.log("is top");
    
        }else {
    
            console.log("is down");
    
        }
    
     });
    
     /**
    
     *鼠标位置
    
     */
    
     var mousePosition = function(event){
    
        if(event.pageX || event.pageY) return {x:event.pageX,y:event.pageY};
    
        return {
    
            x:event.clientX + document.body.scrollLeft - document.body.clientLeft,
    
            y:event.clientY + document.body.scrollTop - document.body.clientTop
    
        }
    
     }
    
     document.onmousemove = function(event){
    
        var ev = event || window.event;
    
        var position = mousePosition(ev);
    
        //console.clear();
    
        //console.log("x:"+position.x+",y:"+position.y);
    
     }
    
     /**
    
     *禁止手机端页面滚动
    
     */
    
     document.addEventListener("touchmove", function(event){
    
        event.preventDefault();
    
     });
    
     /**
    
     *阻止默认行为
    
     */
    
     $(".xx").on("click", function(event){
    
        event.preventDefault();
    
     })
    
     /**
    
     *阻止冒泡
    
     */
    
     $(".xx").on("click", function(event){
    
        event.stopPropagation();
    
     })
    
     /**
    
     *强制手机端横屏显示
    
     */
    
     $(window).on("orientationchange", function(event){
    
        if(event.orientation == 'portrait') $("body").css("transform","rotate(90deg)");
    
        $("body").css("transform","rotate(0deg)");
    
     })
    
     /**
    
     *电脑端页面全屏
    
     */
    
     var fullScreen = function(ele){
    
        if(ele.requestFullscreen){
    
            ele.requestFullscreen();
    
        }else if(ele.mozRequestFullScreen){
    
            ele.mozRequestFullScreen();
    
        }else if(ele.webkitRequestFullScreen){
    
            ele.webkitRequestFullScreen();
    
        }else if(ele.msRequestFullscreen){
    
            ele.msRequestFullscreen();
    
        }
    
     }
    
     //<button value="btn" onclick="fullScreen(document.documentElement)">btn</button>
    
     /**
    
     *倒计时验证码
    
     */
    
     var sendCode =function (counter,ele,callback) {
    
                var self  = this;
    
                self.ele = ele;
    
                //var lastTime = new Date();
    
                //var thisTime, diff;
    
                self.counter = counter || 60;
    
                self.timer = setInterval(function () {
    
                    //移动端考虑锁屏,用时间差
    
                    //锁屏之后,定时器会停止走动
    
                    //锁屏时间过久,可能会出现counter<0的情况
    
                    if (self.counter <= 0) {
    
                        self.counter = 0;
    
                        self.ele.disabled = false;
    
                        self.ele.innerHTML = "获取验证码";
    
                        self.timer && clearInterval(self.timer);
    
                        return;
    
                    }else{
    
                        self.ele.disabled = true;
    
                        self.ele.innerHTML = self.counter+"s";
    
                    }
    
                    //thisTime = new Date();
    
                    //diff = thisTime - lastTime;
    
                    //lastTime = thisTime;
    
                    //self.counter -= (diff / 1000) >> 0;
    
                    self.counter--;
    
                }, 1000);
    
                //发送验证码请求
    
                callback && callback();
    
            }
    
        //sendCode(6,document.getElementById("send-code"),function(){console.log("done")});
    
     /**
    
     *判断是否在浏览器底部
    
     */
    
     var isBrowserEnd = function(){
    
        var _clientHeight = window.innerHeight || document.documentElement.clientHeight,
    
            _winHeight = window.pageYOffset || document.documentElement.scrollTop,
    
            _docHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
    
        return _clientHeight + _winHeight == _docHeight;
    
     }
    
     //jq
    
     var isBrowserEnd = function(){
    
        return $(window).height() + $(window).scrollTop() == $(document).height();
    
     }
    

    相关文章

      网友评论

          本文标题:常用js代码

          本文链接:https://www.haomeiwen.com/subject/mtzuwftx.html