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

Question

我的网站有输入按钮，它们在“：活动”时移动 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!');
  });
});

演示：

score 0 · Accepted Answer

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

或者，您可以在单击后使用 jQuery 移动输入：http: //jsfiddle.net/duwYv/8/

score 0 · Accepted Answer

事情就是active这样，mousedown在您按下鼠标按钮时发生。您正在尝试处理onclick单击完成后触发的事件

在您的情况下，永远不会发生“完全点击”。我不确定您的问题，但是如果您想在按下鼠标按钮时查看消息，请将代码更改为：

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

2 回答 2