0

すべて、私が知っていた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ですか？

4

1 に答える 1

2

.mouseout子要素であっても、要素をバインドしたままにすると起動します。.mouseleave要素を離れたときにのみ起動する（子にカーソルを合わせない）を使用することをお勧めしますhttp://api.jquery.com/mouseleave/

フィドル： http： //jsfiddle.net/zN4FF/

于 2013-03-26T02:20:30.057 に答える