当您按下按钮使用 HTML<button>
时,它会移动一点。一个小动画来显示它实际上是一个按钮。
我正在寻找一种让它保持原样的方法,并使用鼠标事件强制我的动画。
我开始只是放置一个<img>
并使用mouse events
来交换图片。这很好用,除了它有一些我似乎无法摆脱的副作用。对于初学者,可以拖动图片,如果只是按下按钮 - 按住 - 并决定要离开按钮,这看起来很奇怪。我可以关闭“可拖动”,但它会显示一个蓝色方形选择框,这是非常不需要的。
我的解决方案是把它放在一个<button>
元素上(隐藏背景和边框)。这解决了所有问题,除了它稍微向一边摆动。我尝试禁用它,但这也禁用了 javascript 事件。
即使单击按钮,如何强制按钮保持原位?