如何在点击时禁用鼠标悬停事件？

Posted 2023-03-04

【中文标题】如何在点击时禁用鼠标悬停事件？

【英文标题】：How to disable mouseover event on onclick?

【发布时间】：2011-03-23 13:43:42

【问题描述】：

我正在使用mouseover 和mouseout 事件，其中将更改mouseover 和mouseout 上的图像

而当用户点击链接时，我们可以禁用mouseout事件，这样相应的函数就不会被调用了吗？

<td><a href="javascript:void(0)" id="LikeId" onmouseover="like(1);" onmouseout="like(2);"><span id="greenimg" style="display:none"><img src="images/up_green.gif" border="0" /></span><span id="gimg"><img src="images/up.gif" border="0" /></span></a></td><td ><a href="javascript:void(0)" id="DisLikeId" onmouseout="dislike(2);" onmouseover="dislike(1);"><span id="redimg" style="display:none"><img src="images/down_red.gif" border="0" /></span><span id="rimg"><img src="images/down.gif" border="0" /></span></a></td>

【参考方案1】：

您可以在 onclick 中设置一个布尔变量（类似于 userClicked = true）并在您的 like() 函数中检查它。

在您的like 函数中，只需用if 语句包围代码即可。如：

function like(parameter) 
    if (!userClicked) 
        // Your original like() code
    

【讨论】：

是的，我可以检查用户是否点击了链接......那么我怎样才能禁用鼠标悬停事件？

这回答了你的问题吗？