有没有办法阻止按钮移动“向下”，当我点击它？

Question

当您按下按钮时使用HTML <button>时，它会稍微移动一下。一个小动画来显示它实际上是一个按钮。

我正在寻找一种方法让它保持原样，并使用鼠标事件强制我的动画。

我刚从<img>开始，使用mouse events来交换图片。这工作得很好，除了它有一些副作用，我似乎无法摆脱。对于初学者来说，可以拖动图片，如果只按下按钮 - 按住 - 并决定要离开按钮，图片看起来很奇怪。我可以关闭“可拖动”，但它会显示一个蓝色方块选择框，这是非常不想要的。

我的解决方案是将它放在一个<button>元素上（带有隐藏的背景和边框）。这解决了所有问题，只是它稍稍摆动到一边。 我试过禁用它，但也禁用了javascript事件。

即使点击按钮，我如何强制按钮保持原位？

Answer 1

所以你必须使用另一个标签比按钮（例如跨度）和操纵它的行为与JavaScript。