javascript - CSS/HTML：鼠标按下取消

Question

我有一个使用 CSS 主题的链接。我应用了向上、向上和向下的 CSS 属性，这些属性都可以工作。

问题是，当您将鼠标悬停在按钮上时，拖开然后放手取消，向下状态仍在应用，直到您再次单击某个空白区域。

您可以在此处对按钮 1、2 和 4 执行上述操作来了解我的意思：http: //jsfiddle.net/2vjbz/

您如何不必再次单击来“刷新”？

Answer 1

根据你的 CSS，我认为这种行为是正确的，但问题是鼠标向上事件没有被触发并且链接元素保持在活动状态。您可以使用 jQuery 通过为链接元素调用鼠标向上事件来修复它。

一种方法是当鼠标在寻呼机 div 中移动时调用它

$('#pager').bind("mousemove", function(event) {
    $('#pager a').mouseup();
});

您可能需要添加条件以使其完美

编辑：

你可以尝试一下。这是另一种方法

http://jsfiddle.net/diode/2vjbz/18/

在这里它取消了拖动事件。这两个都对我有用。