Jak uzyskać pozycję myszy w jQuery bez zdarzeń myszy?

Chciałbym sprawdzić aktualną pozycję myszy, ale nie chcę używać:

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

ponieważ muszę tylko znaleźć stanowisko i przetworzyć informacje

Nie sądzę, aby można było zapytać o pozycję myszy, ale można użyć mousemovemodułu obsługi, który po prostu przechowuje informacje, aby można było zapytać o przechowywane informacje.

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

Ale prawie cały kod, inny niż setTimeoutkod i tym podobne, jest uruchamiany w odpowiedzi na zdarzenie, a większość zdarzeń zapewnia położenie myszy. Twój kod, który musi wiedzieć, gdzie jest mysz, prawdopodobnie ma już dostęp do tych informacji ...

Nie możesz odczytać pozycji myszy w jQuery bez użycia zdarzenia. Po pierwsze, zwróć uwagę, że właściwości event.pageXi event.pageYistnieją w każdym zdarzeniu, więc możesz:

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

Inną opcją jest użycie zamknięcia, aby dać całemu kodowi dostęp do zmiennej, która jest aktualizowana przez moduł obsługi myszy:

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

// do something with mouseX and mouseY

Użyłem tej metody:

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

W ten sposób odległość od góry będzie zawsze zapisywana w y, a odległość od lewej w x.

Co więcej, mousemovezdarzenia nie są wyzwalane, jeśli wykonasz drag'n'drop w oknie przeglądarki. Aby śledzić współrzędne myszy podczas drag'n'drop, należy dołączyć handler document.ondragoverzdarzenia i użyć jego właściwości originalEvent.

Przykład:

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

wykorzystanie window.event- zawiera ostatnie eventi jak każdy eventzawiera pageX, pageYitp. Działa dla Chrome, Safari, IE ale nie FF.

var CurrentMouseXPostion;
var CurrentMouseYPostion;

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

Utwórz obiekt eventListener na głównym obiekcie, w moim przypadku na obiekcie dokumentu, aby uzyskać współrzędne myszy w każdej klatce i przechowywać je w zmiennych globalnych, i tak możesz czytać myszy Y i Z, kiedy tylko chcesz, gdziekolwiek chcesz.

Trafiłem na to, więc byłoby miło się podzielić ...

Co o tym myślicie?

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

i bum, mamy to ..