jQuery event.pageX 屬性

jQuery 事件

event.pageX屬性返回鼠標(biāo)指針相對(duì)于文檔左邊緣的位置,以像素為單位。

該屬性通常與event.pageY屬性一起使用。

語(yǔ)法:

event.pageX

實(shí)例

顯示鼠標(biāo)相對(duì)于文檔左邊緣和上邊緣的位置:

$(document).mousemove(function(event){ 
  $("#output").text("pageX: " + event.pageX + ", pageY: " + event.pageY);
});
測(cè)試看看?/?

相對(duì)于鼠標(biāo)位置更改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});
  });
});
測(cè)試看看?/?

參數(shù)值

參數(shù)描述
event事件的參數(shù)來(lái)自事件綁定功能

jQuery 事件

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清