jquery - 3 秒内没有鼠标移动时发生的事件

Question

我的脚本中有一些菜单，我想要一个 jquery 脚本，当鼠标没有移动 3 秒时，该脚本将导致菜单隐藏..

我知道这确实是一个愚蠢的问题，但我无法在任何地方得到任何答案..

它不是一个正确的脚本，但我只想知道是否发生类似的事情？

$("#target").notmousemove(function(event) {
$('#menu').hide();
},delay(500));

如果有人回答我的问题，那将会非常有帮助..

我已经使菜单在单击按钮时消失，但现在我宁愿希望当鼠标超过 5 秒没有移动时菜单隐藏...

Answer 1

在 mouseMove 处理程序中使用 setTimeout。如果在超时之前鼠标再次移动，只需使用 clearTimeout 清除它并重新启动超时即可。

所以类似:

var timeoutid = 0;
$("#someRootElement").mousemove(function() {
    if (timeoutid) {
       clearTimeout(timeoutid);
       timeoutid = 0;
    }
    timeoutid = setTimeout(myFunctionToHideMenu, 5000);
});

编辑:事实上，您甚至不需要检查计时器是否已经在运行。尝试停止无效的计时器 ID 或已停止的计时器不会导致错误。所以你可以简单地:

var timeoutid = 0;
$("#someRootElement").mousemove(function() {
    clearTimeout(timeoutid);
    timeoutid = setTimeout(myFunctionToHideMenu, 5000);
});