ClientX event properties
The event objectDefinitions and usages
The clientX event property returns the horizontal coordinates of the mouse pointer to the browser page (or customer area) when the event is triggered.
The customer area refers to the current window.
Grammar
The following example shows the coordinates of the mouse pointer at the time of the event:
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool在线教程(w3cschool.cn)</title>
<script>
function show_coords(event){
var x=event.clientX;
var y=event.clientY;
alert("X coords: " + x + ", Y coords: " + y);
}
</script>
</head>
<body>
<p onmousedown="show_coords(event)">请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>
</body>
</html>
Try it out . . .
The event object