📜  HTML | DOM MouseEvent pageY 属性(1)

📅  最后修改于: 2023-12-03 15:01:11.980000             🧑  作者: Mango

HTML | DOM MouseEvent pageY 属性

简介

pageY 属性是一个只读属性,表示鼠标事件发生时,鼠标指针的位置相对于整个文档的垂直坐标。

语法
event.pageY;

pageY 属性返回一个整数值,表示鼠标指针相对于整个文档的垂直位置(以像素为单位)。该值是相对于文档顶部的距离。

示例
document.addEventListener('click', function(event) {
  console.log(event.pageY);
});

上述代码会在点击事件发生时,将鼠标指针的垂直位置打印到控制台。

注意事项
  • pageY 属性是只读的,无法修改。
  • 如果事件不存在于文档(例如,发生在浏览器窗口之外),则 pageY 的值将为 undefined
浏览器兼容性

pageY 属性兼容于所有主流浏览器,包括 Google Chrome,Mozilla Firefox,Safari,Opera 和 Internet Explorer。

参考链接

以上是关于 HTML | DOM MouseEvent pageY 属性 的介绍,希望能对你有所帮助。