jquery如何使鼠标输入仅在3秒后生效，并在鼠标离开时中止
jquery如何使鼠标输入仅在3秒后生效，并在鼠标离开时中止
提问于 2011-08-03 22:06:35
我认为这很简单，但它似乎比预期的更复杂。
我想做一个工具提示。当鼠标进入一个div时，会弹出一个新的div。当离开div时，新的div必须离开。到目前一切尚好。更复杂的是，只有当鼠标在div上超过3秒时，新div才会出现，如果不是，则必须中止鼠标输入。
这是我目前的代码：
$('.go_info').live("mouseenter", function(){
var q_tooltip_img = $(this).attr('id');
setTimeout( function()
{
$("#tooltip_"+q_tooltip_img).show();
}, 2000);
});
$('.go_info').live("mouseleave",function(){
var q_tooltip_img = $(this).attr('id');
$("#tooltip_"+q_tooltip_img).hide();
});谢谢!
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-08-03 22:11:19
尝尝这个
var mouseEnterTimer;
$('.go_info').live("mouseenter", function(){
var q_tooltip_img = $(this).attr('id');
mouseEnterTimer = setTimeout( function()
{
$("#tooltip_"+q_tooltip_img).show();
}, 3000);
});
$('.go_info').live("mouseleave",function(){
if(mouseEnterTimer)
clearTimeout(mouseEnterTimer);
var q_tooltip_img = $(this).attr('id');
$("#tooltip_"+q_tooltip_img).hide();
});Stack Overflow用户
发布于 2011-08-03 22:17:34
试试这个：http://jsfiddle.net/aYThd/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6927779
复制相关文章
相似问题
腾讯云开发者
