x
<html><style>div {border:1px solid red; height:300px;}span {font-size:30px;}</style><body><h1>MouseEvent offsetX Property</h1><p>The offsetX property returns the x-coordinate the mouse cursor, relative to the target element.</p><p>In this example, the red DIV is the target element.</p><p>Click inside the red DIV element:</p><div onclick="myFunction(event)"></div><p>The x-coordinate, relative to the left edge of the DIV element is: <span id="demo"></span></p><script>function myFunction(event) { var x = event.offsetX; document.getElementById("demo").innerHTML = x;}</script></body><!-- Mirrored from www.mdssup.ma/jsref/tryit.asp?filename=tryjsref_event_mouse_offsetx by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 05 Sep 2022 15:52:54 GMT --></html>