鼠标座标包括 x 座标、y
座标、相对于客户端的座标、相对于屏幕的座标等。
在JavaScript中，鼠标座标是作为event对象的属性存在的。
event
对象中有关鼠标座标的属性如下所示。
| 属性 | 描述 |
|---|---|
| clientX | 鼠标指针相对客户端（即浏览器文档区域）的水平座标。 |
| clientY | 鼠标指针相对客户端（即浏览器文档区域）的垂直座标。 |
| screenX | 鼠标指针相对计算机屏幕的水平座标。 |
| screenY | 鼠标指针相对计算机屏幕的垂直座标。 |
| 属性 | 描述 |
|---|---|
| offsetX | 发生事件的地点在事件源元素的座标系统中的水平座标。 |
| offsetY | 发生事件的地点在事件源元素的座标系统中的垂直座标。 |
| x | 事件发生的位置的水平座标，它们相对于用CSS动态定位的最内层包容元素。 |
| y | 事件发生的位置的垂直座标，它们相对于用CSS动态定位的最内层包容元素。 |
【例6-1】获取鼠标的座标信息。
<html>
<head>
<title>获取鼠标的座标信息</title>
</head>
<body>
<div id="demo">点击这里</div>
<script type="text/javascript">
document.getElementById("demo").|| 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>