JavaScript がマウス座標を取得する

マウス座標には、x 座標、y 座標、クライアントを基準とした座標、画面を基準とした座標などが含まれます。

JavaScriptではマウス座標がイベントオブジェクトの属性として存在します。

イベントオブジェクトのマウス座標に関するプロパティは以下の通りです。

QQ截图20161013101054.png

QQ截图20161013101100.png

マウスの座標情報を取得します。

りー

学び続ける

新しいファイル

<html> <head> <title>获取鼠标的坐标信息</title> </head> <body> <div id="demo">点击这里</div> <script type="text/javascript"> document.getElementById("demo").onclick=function(e){ var eve = e || window.event; var x = eve.clientX, // 相对于客户端的X坐标 y = eve.clientY, // 相对于客户端的Y坐标 x1 = eve.screenX, // 相对于计算机屏幕的X坐标 y1 = eve.screenY; // 相对于计算机屏幕的Y坐标 alert( "相对客户端的坐标：\n"+ "x = "+x+"\n"+ "y = "+y+"\n\n"+ "相对屏幕的坐标：\n"+ "x = "+x1+"\n"+ "y = "+y1 ); } </script> </body> </html>

提出するリセットコード

自動運転