javascript - マウスが子要素の外にあることを確認するにはどうすればよいですか?

Question

これは非常に初心者の質問です (私はそれを解決できなかったことに腹を立てています)。マウスがコンテナーを離れるたびにアクションをトリガーするという問題があります。問題は子要素があり、何らかの理由で子要素に移動するとアクションがトリガーされます。

私は基本的にこのようなものを持っています

<li>
<image>
<div>content</div>
</li>

Liに入るとアクティブになり、Liから出ると非アクティブになりますが、コンテンツ全体を入力してホバーすることができます。これを行う方法はありますか?

私はこれをチェックしましたが、結果はありません

ありがとう

score 2 · Accepted Answer

私は個人的に怠惰な方法を取り、jQuery のhoverメソッドを使用して、mousein と mouseout を別々に使用するのではなく、両方を一度に設定します。これにより、jQuery は次のように子の入出力を処理できます。

jQuery("li").hover(function() {
  //mousein actions
 },
 function() {
  //mouseout actions
 }
);

score 1 · Accepted Answer

子をホバーするときに何かが起こらないようにするには、ターゲットが実際にバインドされた要素であることを確認してください:

$('li').on('mouseenter mouseleave', function(e) {
    if ( e.target === this ) {
        // do stuff here
    }
});

2 に答える 2