¿Cómo obtener la posición del mouse en jQuery sin eventos de mouse?

Me gustaría obtener la posición actual del mouse pero no quiero usar:

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

porque solo necesito conseguir el puesto y procesar la información

No creo que haya una forma de consultar la posición del mouse, pero puede usar un mousemovecontrolador que simplemente almacene la información, para que pueda consultar la información almacenada.

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

Pero casi todo el código, además del setTimeoutcódigo y demás , se ejecuta en respuesta a un evento, y la mayoría de los eventos proporcionan la posición del mouse. Entonces, su código que necesita saber dónde está el mouse probablemente ya tenga acceso a esa información ...

No puede leer la posición del mouse en jQuery sin usar un evento. En primer lugar , tenga en cuenta que las propiedades event.pageXy event.pageYexisten en cualquier evento, por lo que podría hacer:

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

Su otra opción es usar un cierre para darle acceso a todo su código a una variable que es actualizada por un controlador 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

Usé este método:

$(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 esta forma siempre tendré la distancia desde arriba guardada en y y la distancia desde la izquierda guardada en x.

Además, los mousemoveeventos no se activan si realiza arrastrar y soltar sobre una ventana del navegador. Para rastrear las coordenadas del mouse durante el proceso de arrastrar y soltar, debe adjuntar un controlador para el document.ondragoverevento y usar su propiedad originalEvent.

Ejemplo:

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

uso window.event- que contiene el pasado eventy como cualquier eventcontiene pageX, pageYetc. Obras para Chrome, Safari, IE pero no FF.

var CurrentMouseXPostion;
var CurrentMouseYPostion;

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

Haga un eventListener en el objeto principal, en mi caso el objeto de documento, para obtener las coordenadas del mouse en cada fotograma y almacenarlas en variables globales, y así puede leer Y y Z del mouse cuando quiera, donde quiera.

Me encontré con esto, sería bueno compartirlo ...

¿Qué piensan ustedes?

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

y boom, ahí lo tenemos ..