event.pageX屬性返回鼠標(biāo)指針相對于文檔左邊緣的位置,以像素為單位。
該屬性通常與event.pageY屬性一起使用。
event.pageX
顯示鼠標(biāo)相對于文檔左邊緣和上邊緣的位置:
$(document).mousemove(function(event){
$("#output").text("pageX: " + event.pageX + ", pageY: " + event.pageY);
});測試看看?/?相對于鼠標(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});
});
});測試看看?/?| 參數(shù) | 描述 |
|---|---|
| event | 該事件的參數(shù)來自事件綁定功能 |