Get mouse client Y in JavaScript

Description

The following code shows how to get mouse client X and Y.

Example


<html>
<head>
<script type="text/javascript">
  function handleEvent(oEvent) {<!--from w w  w  .  ja  v a  2s  .  c  om-->
    var oTextbox = document.getElementById("txt1");
    oTextbox.value += "\n    at (" + oEvent.clientX + "," + oEvent.clientY
        + ") in the client";
  }
</script>
</head>
<body>
  <P>Use your mouse to click and double click the red square.</p>
  <div style="width: 100px; height: 100px; background-color: red"
    onclick="handleEvent(event)" id="div1"></div>
  <P>
    <textarea id="txt1" rows="15" cols="50"></textarea>
  </p>
</body>
</html>

Click to view the demo





















Home »
  Javascript »
    Javascript Reference »




Array
Canvas Context
CSSStyleDeclaration
CSSStyleSheet
Date
Document
Event
Global
History
HTMLElement
Input Element
Location
Math
Number
String
Window