当我点击它时,有没有办法防止按钮向下移动?

时间:2012-12-20 13:28:27

标签: html button move

每当您按下按钮时使用HTML <button>,它会移动一点。一个小动画,显示它实际上是一个按钮。

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

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

我的解决方案是将其放在<button>元素上(隐藏背景和边框)。这解决了所有问题,除了它稍微摆动到一边。 我尝试禁用它,但这也禁用了javascript事件。

即使单击按钮,如何强制按钮保持原位?

1 个答案:

答案 0 :(得分:1)

所以你必须使用另一个标签而不是按钮(例如span)并使用javascript操纵它的行为。