Javascript CSS/HTML：鼠标按下可取消

我有一个链接正在使用CSS主题。我有向上，向上和向下的CSS属性应用，所有的工作

问题是，当您将鼠标按住某个按钮时，将其拖走，然后通过松开来取消，直到再次单击某个空白处，关闭状态仍在应用

您可以在这里看到我在按钮1、2和4上执行上述操作的意思：

---

如何通过不必再次单击来“刷新”呢？

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

一种方法是当鼠标在pagerdiv中移动时调用它

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

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

编辑：

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

---

在这里，它取消拖动事件。这两种方法对我都有效。

仅供参考，这在Chrome中不会发生，但在Firefox 8.0.1中对我来说是可行的。在我看来，这就像是Firefox和IE的bug。FF9.0.1和IE9也在做同样的事情。似乎是“寻呼机a:活动伪类导致了这种情况。这可能是一个bug。它是关于鼠标按下事件的，在成功按下鼠标后，焦点被设置在html元素上。我认为这种行为是正确的。如果你想的话，也许你可以使用javascript来解决这个问题。谢谢-代码会触发，但同样的问题也存在于他们的代码中。关于如何让它工作，您还有其他建议吗？请查看更新答案中给出的JSFIDLE演示。因为我取消了阻力。实际上，这两种方法都适用于我在JSFIDLE中使用html的情况。