I have a little div tag that when I click on it (`onClick` event), it will run the `printMousePos()` function.

These are the `HTML` tags:

    &lt;html&gt;
        &lt;header&gt;
            &lt;!-- By the way, this is not the actual html file, just a generic example. --&gt;
            &lt;script src=&#39;game.js&#39;&gt;&lt;/script&gt;
        &lt;/header&gt;
        &lt;body&gt;
            &lt;div id=&quot;example&quot;&gt;
                &lt;p id=&quot;test&quot;&gt;x: , y:&lt;/p&gt;
            &lt;/div&gt;
        &lt;/body&gt;
    &lt;/html&gt;


This is the `printMousePos` function in a seperate .js file:

    function printMousePos() {
	    var cursorX;
	    var cursorY;
	    document.onmousemove = function(e){
		cursorX = e.pageX;
		cursorY = e.pageY;
	}
	    document.getElementById(&#39;test&#39;).innerHTML = &quot;x: &quot; + cursorX + &quot;, y: &quot; + cursorY;
    }

Yes, the function actually works (it knows when you click it and all), but it returns `undefined` for both `x` and `y`, so I&#39;m assuming that the getting `x` and `y` logic in the function is incorrect. Any Ideas? I also know there aren&#39;t any built-in functions within javascript itself to return the `x` and `y` like in java, ex. would there be a way to do it with say JQuery or PHP? (avoid those if possible though, javascript would be best). Thanks!

All Onmouseclick Solutions on Gang of Coders

Total of 1 Onmouseclick Solutions

javascript get x and y coordinates on mouse click