鼠标停止移动后指针消失

￡神魔★判官ぃ 2022-01-06 09:33 253阅读 0赞

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

$.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);
        });

发表评论取消回复

表情：

评论列表（有 0 条评论，253人围观）

还没有评论，来说两句吧...

相关阅读

相关 java控制鼠标移动

import java.awt.＊ import java.util.Random 下列代码放入main方法中 Robot rb = new Robot(); whil

拼搏现实的明天。/ 2023年10月16日 15:33/ 0 赞/ 15 阅读

相关 win10怎样设置鼠标指针的移动速度

win10怎样设置鼠标指针的移动速度 win10设置鼠标指针的移动速度在鼠标属性中修改。软件工具：win10专业版 1、键盘上按WIN+R打开运行窗口。 2、输入m

ゝ一世哀愁。/ 2023年10月02日 09:41/ 0 赞/ 9 阅读

相关鼠标指针

鼠标指针bug: 1、cursor: ; auto默认 crosshair加号 text文本 wait等待 help帮助 progress过程

墨蓝/ 2023年07月14日 08:20/ 0 赞/ 22 阅读

相关如何更改鼠标指针

㵘亿期博客 -------------------- 厌倦了系统默认的鼠标指针，觉得自己应该有一番创意性了如何更改鼠标指针 1.找到设置![在这里插入图片描述][

客官°小女子只卖身不卖艺/ 2022年12月06日 12:48/ 0 赞/ 251 阅读

相关移动端元素消失

现象：通过js修改提示文案，提示文案在pc端可以正常显示，但在移动端会大概率的“消失”（但是通过js还是可以获取到“消失”的文案内容）例如以下提示已选基金数量

超、凢脫俗/ 2022年06月10日 10:51/ 0 赞/ 180 阅读

相关 div随着鼠标移动而移动

我做的是类似一个鼠标移入展示图标，移出消失如下展示： ![Center][](很丑，时间关系就简单做了一个，但是功能健全，可以随意扩展和修改) 1.页面上元素 //这个d

末蓝、/ 2022年06月02日 00:45/ 0 赞/ 237 阅读

相关鼠标移动事件

一介绍鼠标移动事件（onmousemove）是鼠标在页面上进行移动时触发事件处理程序，可以在该事件中用document对象实时读取鼠标在页面中的位置。二应用

快来打我*/ 2022年05月12日 00:00/ 0 赞/ 286 阅读

相关 JavaScript鼠标移动事件

开发工具与关键技术：DW与css 作者：戴怡斌撰写时间：2019年2月17日下面我们来看一个JavaScript鼠标移动选择

叁歲伎倆/ 2022年03月17日 01:08/ 0 赞/ 426 阅读

相关 js鼠标拖动元素移动

拖动元素移动 var odiv = document.getElementsByTagName('div')[0]; //给需要移动的元

以你之姓@/ 2022年01月28日 00:13/ 0 赞/ 403 阅读

相关鼠标停止移动后指针消失

其实就是去判断指针的坐标是否变化上代码 $.fn.moveStopEvent = function(callback){ return

￡神魔★判官ぃ/ 2022年01月06日 09:33/ 0 赞/ 254 阅读