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如何防止重复的鼠标悬停功能？

回答

相关问题