javascript如何防止重複的鼠標懸停功能？

我有一些具有相同類名（'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>

來源

2017-08-27 fateme marzani

您可以先刪除''hover'，然後使用'mouseout'，這是相反的，以撤銷您所做的任何更改。雖然我會推薦使用'mouseenter'和'mouseleave'。 – adeneo

在這裏，你有一個解決方案去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。不要使用hover裏面mouseover，沒有意義..

希望這會幫助你。

來源

2017-08-27 11:30:19 Shiladitya

javascript如何防止重複的鼠標懸停功能？

回答

相關問題