鼠標座標包括 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>