Czy istnieje sposób wyzwalania przesunięcia myszy i uzyskania zdarzenia.pageX, event.pageY?

Question

Tak, jak to określa pytanie, czy istnieje sposób wyzwalania zdarzenia mousemove w jQuery, które wysyła również współrzędne myszy do obiektu zdarzenia?

Do tej pory mój kod może wywołać przesunięcie myszy przy użyciu funkcji .trigger (zdarzenie), ale zdarzenia.pageX i event.pageY są niezdefiniowane.

Answer 1

Nie sądzę, że możliwe jest uzyskanie współrzędnych myszy na żądanie za pośrednictwem JavaScript/jQuery; Jeśli jednak wiązać pozycję na globalnym var możesz uzyskać do nich dostęp w dowolnym czasie w całym dokumencie tak:

$(document).ready(function(){ 
    $().mousemove(function(e){ 
     window.xPos = e.pageX; 
     window.yPos = e.pageY; 
    }); 
}); 

dla mniej CPU intensywnej opcji, można dodać timeout, chociaż handel wydajność za niewielkie opóźnienie w wiedząc, gdzie mysz jest:

function getMousePosition(timeoutMilliSeconds) { 
    $(document).one("mousemove", function (event) { 
     window.xPos = event.pageX; 
     window.yPos = event.pageY; 
     setTimeout("getMousePosition(" + timeoutMilliSeconds + ")", timeoutMilliSeconds); 
    }); 
} 
getMousePosition(100); 

teraz powinno być w stanie uzyskać dostęp do window.xPos i window.yPos z dowolnego miejsca w dokumencie przy użyciu albo rozwiązanie bez konieczności wywołać faux wydarzenie.

Answer 2

Nie jestem pewien, czy w pełni rozumiem pytanie. Można to zrobić:

$('.someClass').mousemove(function(event){ 
    console.log(event.pageX); 
    console.log(event.pageY); 
}); 

Teraz, gdy mysz porusza ponad someClass będzie rejestrować cordinates XY. Oto jsfiddle, aby zobaczyć go w akcji i jquery documentation.

Answer 3

Nie można przesunąć myszy, jeśli o to pytasz. Ale możesz wywołać funkcję z dowolnym kontekstem i argumentami, które chcesz. Np .:

function foobar(e) 
{ 
    this.className = 'whatever'; // this == element 
} 

someElement.onmousemove = foobar; 

var obj = {whatever:'you want'}; 
foobar.call(someElement, obj); // calls foobar(obj) in context of someElement 

Answer 4

Chyba znam twój problem. Próbujesz programowo zapytać o pozycję myszy. Być może masz kod podobny do tego:

$(document).one('mousemove.myModule', function (e) { 
    // e.pageY and e.pageX is undefined. 
    console.log('e.pageY: ' + e.pageY + ', e.pageX: ' + e.pageX); } 
     ).trigger('mousemove.myModule'); 

To masz absolutną rację. Właściwości pageY i pageX na obiekcie zdarzenia nie zostaną zdefiniowane. W rzeczywistości istnieje wiele rzeczy w obiekcie zdarzenia, których tam nie będzie, a nie tylko .pageY i .pageX. Może być jakiś błąd w jQuery. W każdym razie, po prostu nie łączyć tego połączenia, aby wywołać i wyzwalać zdarzenie w $ (okno) zamiast tego. Nie pytaj mnie, dlaczego to działa, ale jednak dla mnie to zrobił:

$(document).one('mousemove.myModule', function (e) { 
    console.log('e.pageY: ' + e.pageY + ', e.pageX: ' + e.pageX); }); 

// Now e.pageY and e.pageX will be defined! 
$(window).trigger('mousemove.myModule'); 

Answer 5

Musisz ustawić pageX i pageY bezpośrednio przed wywołaniem zdarzenia. Aby ustawić te właściwości, ustaw obiekt jQuery.Event.

// create a jQuery event 
e = $.Event('mousemove'); 

// set coordinates 
e.pageX = 100; 
e.pageY = 100; 

// trigger event - must trigger on document 
$(document).trigger(e); 

See it in jsFiddle.

Answer 6

Jest to najlepsze, co mogę wymyślić, to nie zależy od ustawienia zmiennych globalnych. Zdarzenie click nadal będzie przechwytywać współrzędne, więc możesz przekazać to zdarzenie do myszy.

$(element).click(function(e){ 
    $(element).trigger('mousemove',e); 
}); 

Następnie ten obiekt zdarzenia będzie drugim argumentem funkcji mousemove; pierwszym jest rzeczywiste zdarzenie mousemove lub zdarzenie utworzone przez jQuery.

$(element).mousemove(function(e,clickEvent){ 
    if typeof e.pageX === 'undefined' e = clickEvent; 
    // or if you prefer, clickEvent.pageX; 
});