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

当鼠标位于 div 上 2 秒时显示警报

发布于 2024-12-10 09:01:24 字数 194 浏览 0 评论 0原文

我在页面中有特定的 div ，我需要这样做：

当用户鼠标在div上停留2秒没有移出时，将显示警报

我来到这里，因为我真的不知道从哪里开始、做什么、如何制作。

我在网上搜索但没有结果。任何教程、资源、指南或示例都很棒。

原文

分享到QQ

分享到微博

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

发布评论

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

我的影子我的梦 2024-12-17 09:01:24

将鼠标悬停在元素上时，使用 setTimeout 请求警报框，延迟为 2000 毫秒（2 秒）。当用户移动鼠标时，使用 clearTimeout 和 setTimeout 重置计时器。

例如，小提琴：http://jsfiddle.net/6SyLb/1/

var div = document.getElementById("thediv");
function alerter(){
    alert("Test")
    timer = setTimeout(alerter, 2000);
}
var timer;
div.onmousemove = function(){
    clearTimeout(timer);
    timer = setTimeout(alerter, 2000)
};
div.onmouseover= function(){
    clearTimeout(timer);
    timer = setTimeout(alerter, 2000)
}
div.onmouseout = function(){
    clearTimeout(timer);
};

When hovering over the element, use setTimeout to request an alert box, with a delay of 2000 milliseconds (2 seconds). Reset the timer using clearTimeout and setTimeout when the user moves the mouse.

Example, Fiddle: http://jsfiddle.net/6SyLb/1/

var div = document.getElementById("thediv");
function alerter(){
    alert("Test")
    timer = setTimeout(alerter, 2000);
}
var timer;
div.onmousemove = function(){
    clearTimeout(timer);
    timer = setTimeout(alerter, 2000)
};
div.onmouseover= function(){
    clearTimeout(timer);
    timer = setTimeout(alerter, 2000)
}
div.onmouseout = function(){
    clearTimeout(timer);
};

回复收藏 0 原文

~没有更多了~