event.pageY属性返回鼠标指针相对于文档顶部(上边缘)的位置,以像素为单位。
该属性通常与event.pageX属性一起使用。
event.pageY
显示鼠标相对于文档左边缘和上边缘的位置:
$(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 | 该事件的参数来自事件绑定功能 |