Question

所有，我知道mouseover和mouseout事件，当鼠标移入和移出元素及其后代时，会触发这些事件。让我举一个例子，假设你有一个如下所示的dom结构：

<div id="top">
   <div class="container">
      <!--<div class="head">
      </div>-->
      <div class="content">
         <!--maybe there are many nested `div.contiainer` as children directly or not directly.-->
      <div>
   </div>
</div>

假设鼠标在div.container移动，我们在那里追加div.head。当鼠标移出时，我们删除鼠标输入时创建的div.head。

因此代码如下所示。

    $("div.container").on("mouseover",function(){//append div.head})
.on("mouseout",function(){//remove the div.head});

所以我的问题是我想在鼠标移动到mouseout时是否有可能停止事件div.head？

Answer 1

当你将元素绑定到它时，

.mouseout将会触发 - 即使它是一个子元素。你最好使用.mouseleave只会在你离开元素时触发（不要将鼠标悬停在孩子身上）http://api.jquery.com/mouseleave/

小提琴：http://jsfiddle.net/zN4FF/

鼠标在指定元素中移动时停止mouseout事件

1 个答案: