Question

无论出于何种原因，这成功地使我无法接受。我正试图在鼠标不再悬停列表项时调用警报，同时当我将鼠标悬停在css可能创建的项目之间的任何空间时阻止它被触发。

JQUERY

$('.tinylist li').mouseleave(function(){
  alert("moved");
});

HTML

<ul class="tinylist">
<li></li>
<li></li>
<li></li>
</ul>

Answer 1

$('.tinylist').mouseleave(function(){
  alert("moved");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<ul class="tinylist">
<li></li>
<li></li>
<li></li>
</ul>

为ul定义事件而不是列表项，这样它就不会在列表项之间的空格处触发。

Answer 2

$(document).on("mouseleave",'.tinylist li',function(){
  alert("moved");
});

Answer 3

尝试事件.mouseout()

$('.tinylist li').mouseout(function(){
  alert("moved");
});

如果您想检测鼠标何时离开，请使用$('.tinylist')

列表

这两个事件对我很有用：

https://jsfiddle.net/uu87tj77/

mouseleave上的jquery触发器警报

3 个答案: