clientX Event Attribute
Complete Event Object Reference
Definition and Usage
The clientX event attribute returns the horizontal coordinate (according to
the client area) of the mouse
pointer when an event was triggered.
The client area is the current window.
Syntax
Example
The following example alerts the coordinates of the mouse pointer when the mouse button
was
clicked:
<html>
<head>
<script type="text/javascript">
function show_coords(event)
{
x=event.clientX
y=event.clientY
alert("X coords: " + x + ", Y coords: " + y)
}
</script>
</head>
<body onmousedown="show_coords(event)">
<p>Click in the document. An alert box will alert
the x and y coordinates of the mouse pointer.</p>
</body>
</html>
|
Try-It-Yourself Demos
clientX
- Alert the coordinates of the mouse pointer
Complete Event Object Reference
|