javascript - 如果在某个时间间隔内没有获得 MouseOver,则使用 jQuery 自动隐藏 div

标签 javascript jquery

我有一个解决方法,当菜单项获得 MouseOver 时显示 div,但仅当 div 获得 MouseOut 时隐藏两者。目前这是必需的。

但是,如果 div 从未获得 MouseOver,则它永远不会隐藏。我想要做的是,如果 div 在显示后几毫秒内未获得 MouseOver,则自动隐藏该 div。

在一段时间后隐藏应该不难,但是在 MouseOver 上重置它对我来说是一个挑战。有什么想法吗?

最佳答案

做类似的事情:

function hideYourDiv() {
  $("div#yourdiv").hide();
}
var theTimeout = setTimeout(hideYourDiv, 1000);
$("div#yourdiv").mouseover(function() {
  clearTimeout(theTimeout);
});

编辑以符合 setTimeout 的“正确”使用:P(尽管对于像这样的简单的东西,我有时更喜欢向它传递一个字符串..无论如何,两者都可以工作)

关于javascript - 如果在某个时间间隔内没有获得 MouseOver,则使用 jQuery 自动隐藏 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4250028/

相关文章:

javascript - knockout 绑定(bind)元素到 Bootstrap 菜单

jquery - 检查用户是否可以跨域访问外部资源

javascript - 如何使用 CSS 选择器获取除特定子元素之外的所有匹配元素?

javascript - 为什么我无法在 fetch .then 中添加图像 src 属性?

javascript - 使用 Javascript 更改 asp.net core TagHelpers

javascript - 如何使用箭头键浏览 <li> 元素 - jQuery?

php - jQuery AJAX 在我的 PHP MVC 上运行不佳

javascript - 急性选择: ac-options and ac-model attributes must be set in Angular Js

javascript - ng-click 中的表达式语法

javascript - 在 Canvas 内绘制图像