2017-08-27 27 views
0

同じクラス名( 'test')を持つhtml divと、.testのホバー時に動作するjQuery関数があります。もう一度divを動かすまで関数の動作を止める方法は?JavaScriptが重複マウスオーバー機能を防止する方法は?

<script> 
$(".test").mouseover('hover', function(event) { 
    console.log('hover');}); 
</script> 
<html> 
    <div class="test"></div> 
    <div class="test"></div> 
    <div class="test"></div> 
    <div class="test"></div> 
</html> 
+0

「ホバー」を削除してから、「マウスオーバー」を使用して、それを逆にして、変更を元に戻すことができます。私は代わりに 'mouseenter'と' mouseleave'を使うことをお勧めします。 – adeneo

答えて

0

ここでは、

https://jsfiddle.net/3w87wdyu/1/

$(".test").mouseenter(function(event) { 
 
    console.log('hover'); 
 
}).mouseleave(function(event){ 
 
    console.log('mouse out'); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="test">test 1</div> 
 
<div class="test">test 2</div> 
 
<div class="test">test 3</div> 
 
<div class="test">test 4</div>
mouseenter & mouseleaveを使用してください溶液で行きます。 hovermouseoverの中には使用しないでください。意味がありません。

願っています。

関連する問題