問題タブ [onmousemove]

クリック時にポインターロックを要求する CanvasElement があり、onMouseMoveリスナーを使用してmotionXとmotionYを関数に繰り返し渡します(一人称コントロールをテストしています)。

初めて（ページの読み込み直後）は正常に動作しますが、エスケープを押してキャンバスを再度クリックすると、カーソルは正常にロックされますが、リスナーMouseEventに渡すは生成されません。onMouseMove

Esc キーを押してマウスをドキュメントの外 (マークアップで管理されていない場所) に移動し、ドキュメント内に戻してキャンバスをクリックすると、すべてが再び完全に機能します。

この奇妙な動作の原因は何ですか?

説明されているすべての動作は、これらのコード行に含まれています。

クリックが行われた正確な座標を記録しようとすると問題が発生します。最初の readMouseMove 関数は、想定どおりに機能しています。スクロールするとマウス座標が表示されます。2 番目の mouseClick 関数は、クリックが行われたときにのみ座標を記録する必要があります。現時点では上記の関数と同じですが、clientx/y イベントは 1 回しか使用できないようです。どこかのオブジェクトに関連させずにマウスクリックを記録する方法はありますか?

私はこの球体を持っています var geometry = new THREE.SphereGeometry( 50, 64, 32 ); そして私は次のような機能を作りたいです function onMouseMove(event){ mouseX = (event.clientX - window.innerWidth/2) / window.innerWidth/2; mouseY = (event.clientY - window.innerHeight/2) / window.innerHeight/2; }

取得するためSphereGeometry( 50, MouseX*64, MouseY*32 )

しかし、私はこれを書く正しい方法を見つけることができません..誰かが私を助けてくれますか、ありがとう.

純粋な JavaScript でボリューム コントローラーを開発しました。マウスの動きは正常に機能しますが、残念ながら完全なボリューム コントローラーにすることはできません。関数には次の 2 つの問題があります。

1. マウスクリックで音量が変わらない

2. onmousemove機能はその後も働き続けますonmouseup

デモhttp://codepen.io/anon/pen/kpcvJ

HTML5 RTS ゲームを書いています。RTS ゲームではよくあることですが、マウス カーソルを画面の端に移動すると、プレーヤーがスコールすることがあります。FF フルスクリーンでは問題があり、ピクセルの一番上の行がブラウザ ウィンドウ内にないように見えます。onmousemove() は、FF フルスクリーンでピクセルの一番上の行の内側にマウスを移動すると起動しません。他のブラウザは正常に動作します。この方法では、カーソルが一番上にあるとイベントが発生せず、カーソル位置を追跡できなくなるため、上方向へのスクロールは機能しません。誰かがこれに対する解決策を持っていますか?

(たとえば) 6 つの要素があり、すべて同じクラスで異なるコンテンツがあります。それらのすべてには、わずかにズームインされた背景もあります。マウスを置いたときに背景がそれに応じて移動する必要があります。私の問題-単一の要素にカーソルを合わせると、すべての背景が移動します。何か助けはありますか？
これが私のコードです：

HTML (単一要素の):

CSS (ここでも、単一要素):

JS: