javascript - Javascriptでマウス入力をキャプチャする方法は?

Question

マウスがJavascriptの特定の領域のどこからでもなく、左側または右側から入ったときにそのイベントを取得する方法を教えてください。座標のコードを取得しましたが、それで問題は解決しません。コードの

tempX = e.pageX
tempY = e.pageY

前もって感謝します

score 1 · Accepted Answer

あなたは正しい軌道に乗っています

使用して

document.observe("mousemove",function(e){
    console.log("X: "+e.pointerX()+", Y: "+e.pointerY()); 
});

ドキュメント上のマウスの X 座標と Y 座標を取得します

X のいずれかが 10 未満かどうかを確認します - 少しのエラールームを与えてから、左側から入ってくるコードに基づいてコードを実行し、それを処理しているというフラグを設定していることを確認します - そうしないと、複数の呼び出しが発生します同じハンドラに。

画面の幅を知る必要があり、右側にも少しエラーを追加する必要があるため、右側はもう少し注意が必要です。

score 1 · Accepted Answer

これを試すことができます（最適化されたアプローチではないかもしれません）：

ページの右側と左側に非表示/非表示の div を配置します。ページ全体を覆う長いストリップのように。そして、これらの div でマウスオーバーイベントがトリガーされると、それぞれのケースで対応するフラグを true にすることができます。

leftFlag が true の場合 --> 必要な処理を行う

righFlag と同様の演習を行います。

注 : 不透明度を非常に低くすると (不透明度: .01 )、div が見えなくなります。また、イベントもトリガーされます。

2 に答える 2