C'è un modo per attivare mousemove e ottenere event.pageX, event.pageY?

Question

Così, come la questione specifica, c'è un modo per innescare un evento MouseMove in jQuery che trasmette anche le coordinate del mouse sull'oggetto evento?

Finora il mio codice può attivare il MouseMove utilizzando la funzione di .trigger (evento), ma l'event.pageX e event.pageY sono indefiniti.

Answer 1

non credo possibile ottenere le coordinate del mouse su richiesta tramite JavaScript/jQuery; tuttavia se si associa alla posizione una var globale è possibile accedervi in ​​qualsiasi momento in tutto il documento in questo modo:

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

per un'opzione meno intensivo della CPU, è possibile aggiungere un timeout, anche se è il commercio delle prestazioni per un leggero ritardo nel sapere dove il mouse è:

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

si dovrebbe ora essere in grado di accedere ai window.xPos e window.yPos da qualsiasi parte del documento utilizzando entrambe le soluzioni senza bisogno di attivare un evento finto.

Answer 2

io non sono sicuro di aver capito appieno la domanda. Si può fare:

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

Ora, ogni volta che il mouse si sposta su someClass, si registreranno le cordinate xy. Ecco lo jsfiddle per vederlo in azione e il jquery documentation.

Answer 3

Non è possibile spostare un mouse, se questo è quello che stai chiedendo. Ma potresti chiamare una funzione con qualsiasi contesto e argomento tu voglia. Es .:

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

Credo di conoscere il tuo problema. Stai cercando di interrogare la posizione del mouse a livello di programmazione. Forse hai un codice come questo:

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

Quindi hai assolutamente ragione. Le proprietà pageY e pageX sull'oggetto evento non saranno definite. In realtà, c'è un sacco di cose nell'oggetto evento che non ci sarà, non solo .pageY e .pageX. Potrebbe esserci qualche bug in jQuery. In ogni caso, non associare la chiamata per attivare e attivando invece l'evento su $ (finestra). Non chiedetemi perché funziona anche se ma per me lo ha fatto:

$(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

è necessario impostare pageX e pageY direttamente prima di far scattare l'evento. Per impostare queste proprietà, creare un oggetto 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

Questo è il meglio che ho potuto venire con, che non inolve impostazione che le variabili globali. L'evento click acquisirà comunque le coordinate, quindi puoi passare quell'evento al tuo mouse.

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

Quindi, tale oggetto evento sarà il secondo argomento nella funzione mousemove; il primo è l'evento mousemove o l'evento jQuery creato.

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