JavaScript獲取鼠標(biāo)坐標(biāo)
鼠標(biāo)坐標(biāo)包括 x 坐標(biāo)、y 坐標(biāo)、相對(duì)于客戶端的坐標(biāo)、相對(duì)于屏幕的坐標(biāo)等。
在JavaScript中，鼠標(biāo)坐標(biāo)是作為event對(duì)象的屬性存在的。
event 對(duì)象中有關(guān)鼠標(biāo)坐標(biāo)的屬性如下所示。
獲取鼠標(biāo)的坐標(biāo)信息。
<html>
<head>
<title>獲取鼠標(biāo)的坐標(biāo)信息</title>
</head>
<body>
<div id="demo">點(diǎn)擊這里</div>
<script type="text/javascript">
document.getElementById("demo").onclick=function(e){
var eve = e || window.event;
var x = eve.clientX, // 相對(duì)于客戶端的X坐標(biāo)
y = eve.clientY, // 相對(duì)于客戶端的Y坐標(biāo)
x1 = eve.screenX, // 相對(duì)于計(jì)算機(jī)屏幕的X坐標(biāo)
y1 = eve.screenY; // 相對(duì)于計(jì)算機(jī)屏幕的Y坐標(biāo)
alert(
"相對(duì)客戶端的坐標(biāo)：\n"+
"x = "+x+"\n"+
"y = "+y+"\n\n"+
"相對(duì)屏幕的坐標(biāo)：\n"+
"x = "+x1+"\n"+
"y = "+y1
);
}
</script>
</body>
</html>
