Javascript - Suivre la position de la souris

Je suis l'espoir de suivre la position du curseur de la souris, périodiquement toutes les t mseconds. Donc, essentiellement, lorsqu'un chargement de la page - ce tracker doit commencer et pour (dire) toutes les 100 ms, je devrais obtenir la nouvelle valeur de posX et posY et imprimer le formulaire.

J'ai essayé le code suivant - mais les valeurs ne se rafraîchir uniquement les valeurs initiales de posX et posY présentent sous la forme de boîtes. Des idées sur comment je peux obtenir cette place et en cours d'exécution ?

<html>
<head>
<title> Track Mouse </title>
<script type="text/javascript">
function mouse_position()
{
    var e = window.event;

    var posX = e.clientX;
    var posY = e.clientY;

    document.Form1.posx.value = posX;
    document.Form1.posy.value = posY;

    var t = setTimeout(mouse_position,100);

}
</script>

</head>

<body onload="mouse_position()">
<form name="Form1">
POSX: <input type="text" name="posx"><br>
POSY: <input type="text" name="posy"><br>
</form>
</body>
</html>
  • Le problème est qu'il n'y aura pas de event objet lorsque la fonction est appelée pour la deuxième fois. Vous devriez écouter certains cas que d'utiliser setTimeout.
  • Oui, mais ne pas le mouse_position() fonction d'appel en lui-même toutes les 100 millisecondes. Ne devrait-elle pas en fait se comporter comme un infini fonction récursive ?
  • double possible de la capture de la position de la souris sur la fonction setInterval() en Javascript
  • Oui, mais je pense qu'il va d'erreur en raison window.event sera undefined ou null. Si il n'y a aucune manifestation, il n'y a pas de event objet.
  • d'intérêt, ce qui est de l'application du présent?
InformationsquelleAutor Hari | 2011-10-17