小鼠共座標使用event.pageX返回未定義

Question

在jQuery中我試圖

$(".bydd").live("change", function (event) { 
    // all other actions are happening 
    console.log(event.pageX); 

}); 

當我檢查控制檯它是undefined。我也試過window.X

Answer 1

請嘗試下面的代碼.. live方法從jQuery 1.7開始已棄用。您可以使用只存儲信息的mousemove處理程序

<script> 
var currentMousePos = { x: -1, y: -1 }; 
$(document).on("mousemove", function(event) { 
    currentMousePos.x = event.pageX; 
    currentMousePos.y = event.pageY; 
}); 
</script> 

請參閱以下鏈接以供參考。

Differences Between jQuery .bind() vs .live() vs .delegate() vs .on() Introduction

Answer 2

的代碼將不會改變事件工作...我已經創建了相同

$(document).on("mousemove", function(event) { 
 
    $("#log").text("pageX: " + event.pageX + ", pageY: " + event.pageY); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="log"></div>