当前位置：文江博客话题详情

捕获事件悬停并停留而不是经过

发布于 2024-12-08 21:08:45 字数 65 浏览 0 评论 0原文

有没有办法捕获鼠标悬停并停留（一段时间）事件，但如果鼠标经过元素则不能捕获。因此，仅当您悬停并停留时才会触发该事件。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

⒈起吃苦の倖褔 2024-12-15 21:08:45

您可以使用 setTimeout 在执行任何代码之前创建延迟您需要 clearTimeout 取消计时器当鼠标离开元素时：

var timer;
$("#example").mouseover(function() {
    timer = setTimeout(function() {
       console.log("time passed");
    }, 1000); 
}).mouseout(function() {
    clearTimeout(timer);  
});

这是上述内容的工作示例。

You can use setTimeout to create a delay before executing whatever code you need to, and clearTimeout to cancel the timer when the mouse leaves the element:

var timer;
$("#example").mouseover(function() {
    timer = setTimeout(function() {
       console.log("time passed");
    }, 1000); 
}).mouseout(function() {
    clearTimeout(timer);  
});

Here's a working example of the above.

回复收藏 0 原文

执着的年纪 2024-12-15 21:08:45

是的，有一个插件。我几乎在所有悬停代码中都使用它：

jQuery HoverIntent

回复收藏 0 原文

眼眸印温柔 2024-12-15 21:08:45

有专门为此设计的 hoverIntent 插件。

回复收藏 0 原文

温馨耳语 2024-12-15 21:08:45

考虑使用 JavaScript 计时器，当鼠标悬停时开始计数。
当鼠标离开时，停止计时器。计时器可以触发一个事件，如果鼠标从未发生过关闭/离开，计时器将触发您的悬停/停留功能。

可能 JQuery 插件也适用于此。

回复收藏 0 原文

迷途知返 2024-12-15 21:08:45

在鼠标输入时，计时器将在 500 毫秒后启动，您的函数将被调用
如果用户在延迟之前离开，计时器将被清除，因此该函数不会被调用。

yourElement.live({
    mouseenter: function() {
        t=setTimeout(function(){ yourFunction() }, 500); 
    }, mouseleave: function() {
        clearTimeout(t);
    }
});

希望这有帮助:)

On mouseenter a timer will start after 500ms yourFunction will be call
If the user leave before your delay, the timer will be cleared, so the function won't be called.

yourElement.live({
    mouseenter: function() {
        t=setTimeout(function(){ yourFunction() }, 500); 
    }, mouseleave: function() {
        clearTimeout(t);
    }
});

Hope this help :)

回复收藏 0 原文

~没有更多了~