CSS / HTML:小鼠取消取消

时间:2012-01-05 00:49:58

标签: javascript html css mouseevent mousedown

我有一个使用CSS主题的链接。我已经应用了所有可用的CSS属性。

问题是,当你在按钮上按住鼠标时,拖动然后通过放开取消,向下状态仍在应用,直到你再次点击一些空格。

你可以在这里按下按钮1,2和4来看看我的意思:http://jsfiddle.net/2vjbz/

如何通过不必再次点击来“刷新”?

1 个答案:

答案 0 :(得分:1)

根据你的CSS,我认为这种行为是正确的,但问题是鼠标注册事件没有被触发,链接元素仍处于活动状态。您可以通过为链接元素调用鼠标注册事件来使用jQuery修复它。

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

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

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

编辑:

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

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

这里取消了拖动事件。这两个都适合我。