JavaScriptでマウスの位置を取得するにはどうすればよいですか？

StackOverflow https://stackoverflow.com/questions/3466373

  •  28-09-2019
  •  | 
  •  

質問

マウスを手に入れたいです バツ と y JavaScriptを介した座標。私が試してみました pagex, ページー, clientx, クライアント, 、しかし、何も表示されません。これをIEとFirefoxの両方でテストしました。

次のイベントで私が間違っていることはありますか？

var x=0;
var y=0;
function mouseDown(){
    alert("This is displayed");
    evt=event||window.event;
    alert(evt.clientX);
        alert(evt.clientY);
            alert(evt.pageX);
                alert(evt.pagey);
    alert("Flow doesn't reach here...");            
}
役に立ちましたか？

解決

はい - イベントハンドラーとして機能を接続する必要があります。

イベントはイベントパラメーターを取得する必要があります。

function mouseDown(event) {

そして、イベントが発生したときにブラウザに関数を呼び出すように指示する必要があります。

document.onmousedown = mouseDown;

他のヒント

あなたはどんなイベントも聞いていないので、それは機能していません。マウスイベントが発生したときに、この関数に合格する必要があります。以下のコードを試してください。クリック時に位置を取得します

function getPos(evt) {
 evt = event || window.event;
 return {x:evt.clientX,y:evt.clientY};
}

これで、このようなイベントリスナー内でこの関数を呼び出すことができます。

addEventListener( 'click' , function(event) {
  var mousex = getPos(event).x;
  Var mousex = getPos(event).y;

  alert(mousex);alert(mousey);
});

jqueryを使用してください ここ それを実装する方法の良い例です。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top