JavaScript獲取鼠標坐標
鼠標坐標包括 x 坐標、y 坐標、相對于客戶端的坐標、相對于屏幕的坐標等。
在JavaScript中,鼠標坐標是作為event對象的屬性存在的。
event 對象中有關鼠標坐標的屬性如下所示。
獲取鼠標的坐標信息。
<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>