jQuery – 如何检测鼠标还没有#a和#b

发布时间:2019-05-15 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了jQuery – 如何检测鼠标还没有#a和#b脚本之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Html代码
<div id="a"></div>
<div id="b"></div>
<div id="box"></div>

如何检查鼠标是否未结束#a& #b然后运行该函数

$("#a").mouseleave(function () {
$("#box").fadeOut(800));
});

解决方法

你需要保持鼠标是在A还是B中的“缓存”,最后你需要检查两者是否处于“out”状态,然后运行你的fadeOut函数.一句警告,允许用户几毫秒从一个过渡到下一个,否则你会发现它没有按预期工作.

这段代码应该这样做,这里有一个实例:http://jsfiddle.net/jzCjD/

var inArr = {a:false,b:false};

$('#a,#b').mouseover(function(){
    inArr [$(this).attr('id')] = true;
});


$('#a,#b').mouseout(function(){
    inArr [$(this).attr('id')] = false;

    setTimeout(function(){ 
          if(!inArr.a && !inArr.b) 
              $('#box').fadeOut(800) 
    },100);
});

总结

以上是脚本之家为你收集整理的jQuery – 如何检测鼠标还没有#a和#b全部内容,希望文章能够帮你解决jQuery – 如何检测鼠标还没有#a和#b所遇到的程序开发问题。

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:76874919,请注明来意。
标签: