javascript - 按钮点击问题

Question

我使用的按钮在点击时略微向下移动。

.button:active {
    position: relative;
    top: 2px;
}

我遇到的问题是用户偶尔会在按钮顶部的右侧单击，在按钮边框下方或上方。当点击下降时，按钮向下移动，光标不再位于按钮上方。因此，实际上并未注册点击。我在 fiddle 中复制了这个:

http://jsfiddle.net/DJNEb/3/

如果您右击按钮的上边缘，按钮会移动，但不会触发单击事件处理程序。我在 IE、Firefox、Chrome 中看到了这种行为。

我该如何解决？

Answer 1

我会把按钮放在一个 div 中，然后在 div 上添加事件，这样你就可以保持你的效果而不会使你的代码过于复杂。

另一种方法是处理 mousedown 和 mouseup 事件并检查光标位置是否已更改