2010-06-02 4 views
1

Je donne les résultats suivants:Envoking la fonction de capture de la souris onmousedown?

<html> 
    <script type="text/javascript"> 
     document.onmousemove = getCursorXY; 

     function getCursorXY(e) { 
      document.getElementById('cursorX').value = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); 
      document.getElementById('cursorY').value = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
     } 
    </script> 

    <body> 
     <input id="cursorX" size="3"> 
     <input id="cursorY" size="3"> 
     <input type="button" id="button"> 
    </body> 
</html> 

Avec cette mes coordonnées de la souris sont affichées dans les champs d'entrée lorsque la page se charge et chaque fois que je déplace la souris. Comment puis-je faire ce travail seulement quand je mousedown sur #bouton puis arrêter aux dernières coordonnées lorsque je mouseup seulement sur # bouton?

utilisant Firefox 3.6.3

Merci d'avance :)

Répondre

1

Essayez quelque chose comme ça.

<html> 
    <script type="text/javascript"> 
     function getCursorXY(e) { 
      document.getElementById('cursorX').value = (window.Event) ? e.pageX : event.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); 
      document.getElementById('cursorY').value = (window.Event) ? e.pageY : event.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
     } 

     window.onload = function() { 
      document.getElementById("button").onmousedown = getCursorXY; 
     } 
    </script> 

    <body> 
     <input id="cursorX" size="3"> 
     <input id="cursorY" size="3"> 
     <input type="button" id="button"> 
    </body> 
</html> 
Questions connexes