Как получить позицию мыши в jQuery без событий мыши?

Я хотел бы получить текущую позицию мыши, но не хочу использовать:

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

потому что мне просто нужно получить позицию и обработать информацию

Я не верю, что есть способ запросить позицию мыши, но вы можете использовать mousemoveобработчик, который просто хранит информацию, чтобы вы могли запрашивать сохраненную информацию.

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

Но почти весь код, кроме setTimeoutкода и тому подобного, запускается в ответ на событие, и большинство событий обеспечивают положение мыши. Итак, ваш код, который должен знать, где находится мышь, вероятно, уже имеет доступ к этой информации ...

Вы не можете прочитать позицию мыши в jQuery без использования события. Прежде всего отметим, чтоevent.pageX и event.pageYсвойства существует на любом случае, так что вы можете сделать:

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

Другой вариант - использовать закрытие, чтобы предоставить всему вашему коду доступ к переменной, которая обновляется обработчиком 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

Я использовал такой способ:

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

Таким образом, расстояние от вершины всегда сохраняется в y, а расстояние от левого края - в x.

Более того, mousemoveсобытия не запускаются, если вы выполняете перетаскивание через окно браузера. Чтобы отслеживать координаты мыши во время перетаскивания, вы должны прикрепить обработчик для document.ondragoverсобытия и использовать его свойство originalEvent.

Пример:

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

use window.event- он содержит last, eventа так же любой eventсодержит pageXи pageYт.д. Работает для Chrome, Safari, IE, но не для FF.

var CurrentMouseXPostion;
var CurrentMouseYPostion;

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

Создайте eventListener для основного объекта, в моем случае для объекта документа, чтобы мышь координировала каждый кадр и сохраняла их в глобальных переменных, и, таким образом, вы можете читать данные мыши Y & Z, когда захотите, где захотите.

Я наткнулся на это, хотелось бы поделиться ...

Что, вы парни, думаете?

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

и бум, вот оно ..