Comment obtenir la position de la souris dans jQuery sans événements de souris?

Je souhaite connaître la position actuelle de la souris mais je ne souhaite pas utiliser:

$(document).bind('mousemove',function(e){ 
        $("#log").text("e.pageX: " + e.pageX + ", e.pageY: " + e.pageY); 
}); 

parce que j'ai juste besoin d'obtenir le poste et de traiter les informations

Je ne pense pas qu'il existe un moyen d' interroger la position de la souris, mais vous pouvez utiliser un mousemovegestionnaire qui stocke simplement les informations, afin de pouvoir interroger les informations stockées.

jQuery(function($) {
    var currentMousePos = { x: -1, y: -1 };
    $(document).mousemove(function(event) {
        currentMousePos.x = event.pageX;
        currentMousePos.y = event.pageY;
    });

    // ELSEWHERE, your code that needs to know the mouse position without an event
    if (currentMousePos.x < 10) {
        // ....
    }
});

Mais presque tout le code, autre que le setTimeoutcode et autres, s'exécute en réponse à un événement, et la plupart des événements fournissent la position de la souris. Donc, votre code qui a besoin de savoir où se trouve la souris a probablement déjà accès à ces informations ...

Vous ne pouvez pas lire la position de la souris dans jQuery sans utiliser un événement. Notez tout d'abord que les propriétés event.pageXand event.pageYexistent sur n'importe quel événement, vous pouvez donc faire:

$('#myEl').click(function(e) {
    console.log(e.pageX);
});

Votre autre option consiste à utiliser une fermeture pour donner à tout votre code accès à une variable mise à jour par un gestionnaire mousemove:

var mouseX, mouseY;
$(document).mousemove(function(e) {
    mouseX = e.pageX;
    mouseY = e.pageY;
}).mouseover(); // call the handler immediately

// do something with mouseX and mouseY

J'ai utilisé cette méthode:

$(document).mousemove(function(e) {
    window.x = e.pageX;
    window.y = e.pageY;
});

function show_popup(str) {
    $("#popup_content").html(str);
    $("#popup").fadeIn("fast");
    $("#popup").css("top", y);
    $("#popup").css("left", x);
}

De cette façon, j'aurai toujours la distance du haut enregistrée en y et la distance de la gauche enregistrée en x.

De plus, les mousemoveévénements ne sont pas déclenchés si vous effectuez un glisser-déposer sur une fenêtre de navigateur. Pour suivre les coordonnées de la souris pendant le glisser-déposer, vous devez attacher le gestionnaire d' document.ondragoverévénement et utiliser sa propriété originalEvent.

Exemple:

var globalDragOver = function (e)
{
    var original = e.originalEvent;
    if (original)
    {
        window.x = original.pageX;
        window.y = original.pageY;
    }
}

utiliser window.event- il contient le dernier eventet comme tout eventcontient pageX, pageYetc. Fonctionne pour Chrome, Safari, IE mais pas FF.

var CurrentMouseXPostion;
var CurrentMouseYPostion;

$(document).mousemove(function(event) {
    CurrentMouseXPostion = event.pageX;
    CurrentMouseYPostion = event.pageY;
});

Créez un eventListener sur l'objet principal, dans mon cas l'objet document, pour obtenir les coordonnées de la souris sur chaque image et les stocker dans des variables globales, et ainsi vous pouvez lire les Y et Z de la souris quand vous le souhaitez, où vous le souhaitez.

Je suis tombé sur ça, ce serait sympa de partager ...

Qu'en pensez-vous?

$(document).ready(function() {
  window.mousemove = function(e) {
    p = $(e).position();  //remember $(e) - could be any html tag also.. 
    left = e.left;        //retrieving the left position of the div... 
    top = e.top;          //get the top position of the div... 
  }
});

et boum, nous l'avons là ...