Déterminer la position de la souris en dehors des événements (à l'aide de jQuery)?

J'ai besoin d'obtenir une prise absolue de la position de la souris /de coordonnées (X et Y) en utilisant (de préférence) de jQuery comme dans ce tutoriel mais en dehors de tout événement JavaScript. Merci.

InformationsquelleAutor pbz | 2009-07-15

47

Pas possible. Toutefois, vous pouvez utiliser la même approche dans le tutoriel pour stocker la position dans une variable globale et de le lire à l'extérieur de l'événement.

Comme ceci:
```
jQuery(document).ready(function(){
   $().mousemove(function(e){
      window.mouseXPos = e.pageX;
      window.mouseYPos = e.pageY;
   }); 
})
```
Vous pouvez maintenant utiliser window.mouseXPos et window.mouseYPos à partir de n'importe où.
- C'est que jQuery ou JavaScript limitation?
- C'est un JavaScript limitation.
- Je viens de mettre en place un jQuery.un('mousemove', function() {}); à cette fin. La retarder avec un setTimeout, la capture de la position de la souris la prochaine fois qu'il se déplace, le tour est joué.
InformationsquelleAutor Chetan Sastry
29

Ce qui a commencé comme un commentaire sur Chetan Sastry réponse, mais j'ai réalisé qu'il pourrait également être intéressant de poster une réponse:

Je serais prudent sur le fait d'avoir un document de niveau, toujours en cours d'exécution mousemove cas, même si vous êtes seulement à l'interrogation de la position du curseur. C'est beaucoup de traitement et peuvent occuper n'importe quel navigateur, en particulier les plus lents, comme IE.

Un problème comme celui-ci presque certainement soulève la question de la conception de décision: si vous n'avez pas besoin de gérer un événement de souris à un sondage à la position du curseur, avez-vous vraiment besoin de la position du curseur? Est-il une meilleure façon de résoudre le problème que vous essayez de résoudre?

Edit: même dans Safari 4, qui est (euphémisme) très rapide, que seul mousemove événement rend chaque interaction avec le tutoriel de la page sensiblement agitée pour moi. Pensez à comment cela va affecter les perceptions des utilisateurs de votre site ou de votre application.
- +1: j'ai eu le même soucis.
- Pas tout à fait vrai. Un événement de souris est TOUJOURS en cours de génération. C'est, lorsque la souris se déplace, le navigateur de calcul (par code natif) un événement de souris, mais pas y compris l'exécution de JS fonctions de rappel; c'est fondamental pour TOUTES les souris liées à des écouteurs d'événement. C'est simplement que le navigateur ne parvient pas à fournir la preuve de courtoisie d'exposer des informations à l'exception thru document.onmousemove. Ce, pour autant que je suis concerné, est une vision à court terme de l'ES5/ES6. En effet interrogation de la position de la souris peut simplifier de rebondir onmousemove " des événements, comme lors du déplacement des éléments du DOM par la souris.
- Il va calculer pour elle-même, mais il ne peut pas calculer l'événement mousemove et tout ce qui en dépend, à moins que quelque chose s'y abonne. C'est juste du bon sens.
InformationsquelleAutor eyelidlessness
10

Cette fonction à la diminution de l'impact sur l'INTERFACE utilisateur de la performance que de l'obtention de la position de la souris dans un intervalle de temps:
```
function getMousePosition(timeoutMilliSeconds) {
    //"one" attaches the handler to the event and removes it after it has executed once 
    $(document).one("mousemove", function (event) {
        window.mouseXPos = event.pageX;
        window.mouseYPos = event.pageY;
        //set a timeout so the handler will be attached again after a little while
        setTimeout(function() { getMousePosition(timeoutMilliSeconds) }, timeoutMilliseconds);
    });
}

//start storing the mouse position every 100 milliseconds
getMousePosition(100);
```
Comme dans l'autre réponse ", Vous pouvez maintenant utiliser window.mouseXPos et window.mouseYPos à partir de n'importe où."

Vous perdez un peu de précision que le déplacement de la souris, ne pas être détecté pendant les intervalles.
- Vous devez éviter d'utiliser eval-comme des constructions. Ils sont moins efficaces, et sont les risques de sécurité potentiels. setTimeout(function() { getMousePosition(timeoutMilliSeconds) }, timeoutMilliseconds);
InformationsquelleAutor Wahtah
1

J'ai essayer @Chetan Sastry 's soulution,mais il ne fonctionne pas.(Je suis en utilisant jQuery 1.6.4). - Je changer le code et ensuite je travaille maintenant. Voici mon code. J'espère que cela aidera.
```
    $(document).ready(function(){
       $(document).mousemove(function(e){
          window.mouseXPos = e.pageX;
          window.mouseYPos = e.pageY;
       }); 
    });
```
- Vérifié. Ce changement a également des correctifs pour jQuery 1.4.4
InformationsquelleAutor Sword-Breaker

Vous devez vous connecter pour publier un commentaire.