HTMLを使用する場合<button>、ボタンを押すたびに少し動きます。それが実際にはボタンであることを示す小さなアニメーション。
そのままにして、マウスイベントを使用してアニメーションを強制する方法を探しています。
私はただ配置することから始めて、絵を交換するために<img>使用します。mouse eventsこれはうまくいきましたが、私が取り除くことができないように見えるいくつかの副作用があります。手始めに、画像をドラッグすることができます。これは、ボタンを押したままにして、ボタンを離れるだけの場合は奇妙に見えます。「ドラッグ可能」をオフにすることはできますが、青い四角の選択ボックスが表示されます。これは非常に望ましくありません。
私の解決策は、<button>代わりに要素に配置することでした（背景と境界線を非表示にします）。これにより、横にわずかに揺れることを除いて、すべての問題が解決されます。無効にしてみましたが、JavaScriptイベントも無効になります。
ボタンがクリックされても、ボタンを強制的に所定の位置に保持するにはどうすればよいですか？