jQuery event.pageX 属性

jQuery 事件

event.pageX属性返回鼠标指针相对于文档左边缘的位置,以像素为单位。

该属性通常与event.pageY属性一起使用。

语法:

event.pageX

实例

显示鼠标相对于文档左边缘和上边缘的位置:

$(document).mousemove(function(event){ 
  $("#output").text("pageX: " + event.pageX + ", pageY: " + event.pageY);
});
测试看看‹/›

相对于鼠标位置更改DIV的位置:

$(document).ready(function(){
  let pos = {x:0, y:0};
  let box = $("div");
  let w = box.width();
  let h = box.height();
  let offset = box.position();

  $(document).mousemove(function(event){ 
    pos.x = event.pageX - offset.left - (w/2);
    pos.y = event.pageY - offset.top - (h/2);
    box.css({"left":pos.x, "top":pos.y});
  });
});
测试看看‹/›

参数值

参数描述
event事件的参数来自事件绑定功能

jQuery 事件