有沒有辦法觸發mousemove並獲取event.pageX，event.pageY？

Question

所以，就像問題指定的那樣，是否有辦法在jQuery中觸發mousemove事件，並將鼠標座標發送到事件Object？

到目前爲止，我的代碼可以使用.trigger（event）函數觸發mousemove，但event.pageX和event.pageY未定義。

Answer 1

我不相信通過JavaScript/jQuery按需獲得鼠標座標;但是如果你的位置綁定到一個全局變量，你就可以隨時訪問它們在整個文件是這樣的：

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

一少的CPU密集型選項，你可以添加一個暫停，但你有輕微的貿易業績在明知延遲鼠標的位置：

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

您現在應該能夠從任何地方訪問window.xPos和window.yPos使用這兩種解決方案在文件中，而無需觸發事件人造。

Answer 2

我不確定我完全理解這個問題。你可以這樣做：

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

現在，只要在someClass鼠標移動時，將註冊XY cordinates。以下是jsfiddle以查看它的行動和jQuery documentation。

Answer 3

如果這是你要求的，你不能移動鼠標。但是你可以用你想要的任何上下文和參數來調用一個函數。例如：

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

想想我知道你的問題。您正在嘗試以編程方式查詢鼠標位置。也許你有這樣的代碼：

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

那麼你是絕對正確的。事件對象的屬性pageY和pageX將不會被定義。實際上，事件對象中有很多東西不會存在，不僅僅是.pageY和.pageX。可能是jQuery中的一些錯誤。無論如何，只是不要鏈接該電話觸發和而不是觸發$（窗口）上的事件。不要問我爲什麼它的工作原理雖然但對我來說做的：

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

您需要直接觸發事件之前設置pageX和pageY。要設置這些屬性，請創建一個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

這是我能想到的最好的，這並沒有解決你設置全局變量。點擊事件仍然會捕獲座標，因此您可以將該事件傳遞給您的鼠標移動。

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

然後，該事件對象將是您的mousemove函數中的第二個參數;第一個是實際的mousemove事件或jQuery創建的事件。

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