有沒有辦法阻止按鈕移動「向下」，當我點擊它？

Question

當您按下按鈕時使用HTML <button>時，它會稍微移動一下。一個小動畫來顯示它實際上是一個按鈕。

我正在尋找一種方法讓它保持原樣，並使用鼠標事件強制我的動畫。

我剛從<img>開始，使用mouse events來交換圖片。這工作得很好，除了它有一些副作用，我似乎無法擺脫。對於初學者來說，可以拖動圖片，如果只按下按鈕 - 按住 - 並決定要離開按鈕，圖片看起來很奇怪。我可以關閉「可拖動」，但它會顯示一個藍色方塊選擇框，這是非常不想要的。

我的解決方案是將它放在一個<button>元素上（帶有隱藏的背景和邊框）。這解決了所有問題，只是它稍稍擺動到一邊。 我試過禁用它，但也禁用了javascript事件。

即使點擊按鈕，我如何強制按鈕保持原位？

Answer 1

所以你必須使用另一個標籤比按鈕（例如跨度）和操縱它的行爲與JavaScript。