This method returns the absolute horizontal position for a mouse event.
Syntax:
Event.pointerX(event);
Return Value :
Returns the absolute horizontal position for a mouse event.
Example:
Try this example by clicking at different places.
<html>
<head>
<title>Prototype examples</title>
<script type="text/javascript"
src="/javascript/prototype.js">
</script>
<script>
// Register event 'click' and associated call back.
Event.observe(document, 'click', respondToClick);
// Callback function to handle the event.
function respondToClick(event) {
var x_axis = Event.pointerX(event);
alert("Horizontal position : " + x_axis);
}
</script>
</head>
<body>
<p id="note">Click anywhere to see the result.</p>
<p id="para1">This is paragraph 1</p>
<p id="para2">This is paragraph 2</p>
<div id="division">
This is divsion.
</div>
</body>
</html>