Dit is een eenvoudige manier om te weten te komen wat de muis positie is, bij het uitvoeren van deze code, klik ergens op de pagina en de coördinaten verschijnen.
HTML
<h1>Toon muispositie in input velden</h1> <form name="theform" action="post"> <p>x = <input name="xcoord" style="width:40" /> y = <input name="ycoord" style="width:40" /></p> </form> <br /><br /> <h1>of gewoon als tekst</h1> <p><span id="spanx"> </span> <span id="spany"> </span></p>
JavaScript
<![CDATA[
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;
}
]]>