javascript - アクティブなときに移動する入力要素のクリックイベントを取得するには?

Question

私の Web サイトには、「:active」のときに 1 ピクセル移動する入力ボタンがあります。また、境界線をクリックした場合、少し離れてしまうため、クリックイベントをキャッチできません。

ここに例があります。クリックイベントを取得できません。

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!');
  });
});

デモ :

score 0 · Accepted Answer

これが、マウスボタンを押しているときにactive発生することです。クリックが終了した後に発生mousedownするイベントを処理しようとしていますonclick

あなたの場合、「フルクリック」は決して起こりません。あなたの質問についてはよくわかりませんが、マウスボタンが押されたときにメッセージを表示したい場合は、コードを次のように変更してください。

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

score 0 · Accepted Answer

mousedown代わりに試すことができますclick：http://jsfiddle.net/duwYv/6/

別の方法として、クリックされた入力を jQuery で移動することもできます: http://jsfiddle.net/duwYv/8/

javascript - アクティブなときに移動する入力要素のクリック イベントを取得するには?