CSS/HTML:鼠标按下取消

CSS/HTML: mouse down on cancel

本文关键字：取消 鼠标 HTML CSS      更新时间：2023-09-26

我有一个使用CSS主题的链接。我已经应用了向上，向上和向下的CSS属性，它们都可以工作。

问题是，当你在一个按钮上按住鼠标，拖走然后松开取消，按下状态仍然被应用，直到你再次点击一些空白。

你可以看到我在按钮1、2和4上所做的上述操作是什么意思:http://jsfiddle.net/2vjbz/

如何不用再次点击来"刷新"?

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

方法之一是在鼠标移动到分页div

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

你可能需要添加条件使它更完美

编辑:

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

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

这里它取消了拖动事件。

相关文章：