Come ottenere la posizione del mouse in jQuery senza eventi del mouse?

Vorrei ottenere la posizione corrente del mouse ma non voglio usare:

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

perché ho solo bisogno di ottenere la posizione ed elaborare le informazioni

Non credo che ci sia un modo per interrogare la posizione del mouse, ma puoi usare un mousemovegestore che memorizza solo le informazioni, così puoi interrogare le informazioni memorizzate.

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) {
        // ....
    }
});

Ma quasi tutto il codice, ad eccezione del setTimeoutcodice e simili, viene eseguito in risposta a un evento e la maggior parte degli eventi fornisce la posizione del mouse. Quindi il tuo codice che deve sapere dove si trova il mouse probabilmente ha già accesso a quelle informazioni ...

Non puoi leggere la posizione del mouse in jQuery senza utilizzare un evento. Nota in primo luogo che le proprietà event.pageXe event.pageYesistono su qualsiasi evento, quindi potresti fare:

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

La tua altra opzione è usare una chiusura per dare al tuo intero codice l'accesso a una variabile che viene aggiornata da un gestore 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

Ho usato questo metodo:

$(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);
}

In questo modo avrò sempre la distanza dall'alto salvata in y e la distanza da sinistra salvata in x.

Inoltre, gli mousemoveeventi non vengono attivati ​​se esegui il drag'n'drop su una finestra del browser. Per tenere traccia delle coordinate del mouse durante il drag'n'drop dovresti collegare il gestore per l' document.ondragoverevento e utilizzare la sua proprietà originalEvent.

Esempio:

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

usa window.event- contiene l'ultimo evente come qualsiasi altro eventcontiene pageX, pageYecc. Funziona per Chrome, Safari, IE ma non FF.

var CurrentMouseXPostion;
var CurrentMouseYPostion;

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

Crea un eventListener sull'oggetto principale, nel mio caso l'oggetto documento, per ottenere le coordinate del mouse ogni fotogramma e memorizzarle in variabili globali, e così puoi leggere Y & Z del mouse ogni volta che vuoi, dove vuoi.

Mi sono imbattuto in questo, sarebbe bello condividerlo ...

Che cosa ne pensate?

$(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... 
  }
});

e boom, eccolo qui ..