使用event.pageX返回undefined的鼠标坐标

Question

在jQuery中我试过

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

});

当我检查控制台时，它是undefined。我也试过window.X

Answer 1

尝试下面的代码..从jQuery 1.7开始，不推荐使用live方法。您可以使用只存储信息的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

代码不能用于更改事件...我已经创建了一个相同的简单演示

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;