本文介绍了在jquery中为mouseleave添加延迟的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在我的网站中使用此代码,我想知道如何为mouseleave函数添加延迟
I'm using this code in my site and I was wondering how I could add a delay to the mouseleave function
$target.mouseenter(function(e){
var $tooltip=$("#"+this._tipid)
ddimgtooltip.showbox($, $tooltip, e)
})
$target.mouseleave(function(e){
var $tooltip=$("#"+this._tipid);
setTimeout(function() { ddimgtooltip.hidebox($, $tooltip); }, 4000);
})
$target.mousemove(function(e){
var $tooltip=$("#"+this._tipid)
ddimgtooltip.positiontooltip($, $tooltip, e)
})
if ($tooltip){ //add mouseenter to this tooltip (only if event hasn't already been added)
$tooltip.mouseenter(function(){
ddimgtooltip.hidebox($, $(this))
})
推荐答案
仅使用计时器的问题是,如果您将鼠标左移然后重新输入,则在完成计时器后它仍会隐藏.如下所示可能会更好,因为每当鼠标进入目标时我们都可以取消计时器.
The problem with just a timer would be if you mouse left and then re-entered it would still hide after that timer completed. Something like the following might work better because we can cancel the timer whenever the mouse enters the target.
var myTimer=false;
$target.hover(function(){
//mouse enter
clearTimeout(myTimer);
},
function(){
//mouse leave
var $tooltip=$("#"+this._tipid);
myTimer = setTimeout(function(){
ddimgtooltip.hidebox($, $tooltip);
},500)
});
这篇关于在jquery中为mouseleave添加延迟的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!