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