如何獲取活動時移動的輸入元素的單擊事件？

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'