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

Question

我正在使用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 width="93%"><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>

Answer 1

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

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

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