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>

제출하다 코드 재설정

자동운전