« »

This is an easy way to determine the mouse position on a Web page. Click anywhere on the page and the coordinates will be displayed.

Label: Detecting Mouse Position

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<script type="text/javascript">
// Created by: Roy Marchand | http://www.expertsrt.com

function showit() {
  document.forms['theform'].xcoord.value=event.x;
  document.getElementById('spanx').innerHTML='x = '+event.x;
  document.forms.theform.ycoord.value=event.y;
  document.getElementById('spany').innerHTML='y = '+event.y;
}

function showitMOZ(e) {
  document.forms['theform'].xcoord.value=e.pageX;
  document.getElementById('spanx').innerHTML='x = '+e.pageX;
  document.getElementById('spany').innerHTML='y = '+e.pageY;
  document.forms.theform.ycoord.value=e.pageY;
}

if (!document.all) {
  window.captureEvents(Event.CLICK);
  window.onclick=showitMOZ;
} else {
  document.onclick=showit;
}

</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<h4>You can store them in form fields</h4>
<form name="theform">
x = <input name="xcoord" type="text" readonly size="5"> 
y = <input name="ycoord" type="text" readonly size="5">
</form>
<p>
<h4>or as plain text</h4>
<span id="spanx"> </span> <span id="spany"> </span>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->