Comment obtenir la position de la souris en jQuery sans mouse-events ?

Question

Je voudrais obtenir la position actuelle de la souris mais je ne veux 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 la position et de traiter l'information

Answer 1

Je ne crois pas qu'il y ait un moyen de requête la position de la souris, mais vous pouvez utiliser un mousemove qui ne fait que stocker l'information, afin que vous puissiez interroger l'information stockée.

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 setTimeout 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 à cette information...

Answer 2

Vous ne pouvez pas lire la position de la souris dans jQuery sans utiliser un événement. Notez tout d'abord que la fonction event.pageX y event.pageY existe sur n'importe quel événement, donc vous pouvez le faire :

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

L'autre option consiste à utiliser une fermeture pour donner à l'ensemble de votre code l'accès à une variable qui est mise à jour par un gestionnaire de déplacement de souris :

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

// do something with mouseX and mouseY

Answer 3

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 depuis le haut enregistrée en y et la distance depuis la gauche enregistrée en x.

Answer 4

De plus, mousemove 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 un gestionnaire d'événement pour document.ondragover 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;
    }
}

Answer 5

Utiliser window.event - il contient le dernier event et comme tout event contient pageX , pageY etc. Fonctionne pour Chrome, Safari, IE mais pas FF.