29 Apr, 2009

Detecteren van muis positie

Categoriën: Muis |Xhtml Strict |javascript

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 reakties op "Detecteren van muis positie"

Reaktie formulier


Demo: Detecteren van muis positie:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.