如何获取活动时移动的输入元素的单击事件？

Question

我的网站有输入按钮，当它们是“：active”时，它们会移动1px。 而且，如果我点击某个边框，我无法捕捉点击事件，因为它会稍稍离开。

这里是一个例子。 您无法获得点击事件。

HTML：

<input type="button" value="Click Me!"> 

CSS：

input{ 
    width: 100px; 
    height: 50px; 
} 
input:active{ 
    position: relative; 
    top: 50px; 
    left: 100px; 
} 

的jQuery：

$(function() { 
    $('input').on('click', function() { 
    alert('You caught me!'); 
    }); 
}); 

DEMO：

http://jsfiddle.net/duwYv/

Answer 1

你可以尝试的mousedown代替click：http://jsfiddle.net/duwYv/6/

另外，您可以移动使用jQuery输入一旦被点击：http://jsfiddle.net/duwYv/8/

Answer 2

这里的这个东西，active发生在mousedown当你按下鼠标butto ñ。您正试图处理在点击完成后触发的onclick事件

就您而言，“完全点击”从未发生。我不知道你的问题，但如果你想查看的消息时，按下鼠标按钮，您的代码更改为：

$('input').on('mousedown'