我是靠谱客的博主 花痴石头,最近开发中收集的这篇文章主要介绍鼠标停止移动后指针消失,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

其实就是去判断指针的坐标是否变化
上代码

$.fn.moveStopEvent = function(callback){
        return this.each(function() {
            var x = 0,
                y = 0,
                x1 = 0,
                y1 = 0,
                isRun = false,
                si,
                self = this;
            var sif = function(){
                si = setInterval(function(){
                    if(x == x1 && y ==y1){
                        clearInterval(si);
                        isRun = false;
                        callback && callback.call(self);
                    }
                    x = x1;
                    y = y1;
                }, 500);
            }
            $(this).mousemove(function(e){
                x1 = e.pageX;
                y1 = e.pageY;
                !isRun && sif(), isRun = true;
            }).mouseout(function(){
                clearInterval(si);
                isRun = false;
            });
        });
    }

调用

$(".player").moveStopEvent(function () {
        setTimeout(function () {
            $(".player").css("cursor","none");
        },1500);
    });

最后

以上就是花痴石头为你收集整理的鼠标停止移动后指针消失的全部内容,希望文章能够帮你解决鼠标停止移动后指针消失所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(33)

评论列表共有 0 条评论

立即
投稿
返回
顶部