常用js代码

/**

 *鼠标滚动

 */

 $(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();

    }

 }

 //

 /**

 *倒计时验证码

 */

 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代码)