29 Apr, 2009

Detecteren van muis positie

Categoriën: javascript |Muis |Xhtml Strict

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;
}
]]>

Gerelateerde Snippets

Geen reacties op "Detecteren van muis positie"

Reactie formulier


Demo: Detecteren van muis positie:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.