問題タブ [onmouseup]

2D レイアウトでは、OnMouseDown とOnMouseUp機能を備えたスクリプトを持つ固定されたボタンのようなゲームオブジェクトがあります。それに触れて指を離して離すと、画面上で対応する指のリリース位置をOnMouseUp取得できますか?

問題は、マルチプレイヤーであり、画面上に他の多くの指があることです!

マウスボタンが押されているかどうかを登録するはずの短いスクリプトをテストしていますが、テストしたすべてのブラウザーで、マウスボタンが押されていないときに onmouseup と onmousedown の両方のイベントが同時に発生します。

これは一例です:

マウスを押したままにすると、コンソールで「1」がスパムになるはずですが、機能しません。そして、このコードで：

マウスを押しても何も発生しないことは簡単にわかりますが、マウスを離すと両方のイベントが発生します。私は何が欠けていますか？

私はJavascriptが初めてで、ここにあるスライダーの前/後を作成しようとしています - https://codepen.io/HarryWilson/pen/jOPzbGz。

上記は、私が問題領域として特定した JS コードの領域です。いずれかの画像をクリックするとオーバーレイが消えるという事実を除けば、スライダーのすべてが正常に機能しています。問題が Javascript の「マウスアップ」セクションによって引き起こされていることを確認し、変数を追加するか、if ステートメントを変更して、誰かが画像の上またはクリックしている間もそのままになるようにしました。

このコードペンも参照してください - https://codepen.io/HarryWilson/pen/LYVmeZp

ここでは、これらを 2 つ並べて作成しました。上記のコードは、私が回避策を試した方法です (これは画像クリックの問題に対しては機能しますが、スクローラー上でマウスアップすると新しい問題が発生します。最初のスライダー (左側) は、画像をクリックしたときに目的の効果を示しますが、スクローラーにクリックの問題があります. 私が思いついたすべての修正は、スライダーに 1 つの問題を残します. スクローラーが onmouseup でオーバーレイを元に戻すか、画像が onmouseup でオーバーレイを削除します.画像（クリックしても）を表示し、スクローラーを使用しているときに（クリックしても）オーバーレイが消えるようにします.私は1つしか修正できず、他の？