📜  HTML | DOM MouseEvent screenY 属性(1)

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

HTML | DOM MouseEvent screenY 属性

简介

在 HTML DOM (文档对象模型) 中,MouseEvent 对象代表鼠标事件。MouseEvent 的 screenY 属性返回当事件被触发时的鼠标指针相对于屏幕左边缘的 Y 坐标值。

语法
event.screenY
返回值

返回的是整型 (int),代表当事件被触发时的鼠标指针相对于屏幕左边缘的 Y 坐标值。

示例

当鼠标点击页面时,可以使用 screenY 属性获取鼠标在屏幕中的位置:

<!DOCTYPE html>
<html>
<head>
    <title>MouseEvent screenY 属性示例</title>
</head>
<body>

<p>请点击页面,查看鼠标在屏幕中的位置!</p>

<script>
    document.onclick = function(event) {
        alert("鼠标相对于屏幕的纵坐标是:" + event.screenY);
    }
</script>

</body>
</html>
注意事项
  • screenY 属性是只读的。
  • screenY 属性返回的值是相对于屏幕左边缘的坐标值,并非相对于页面左边缘的坐标值。如果需要获取相对于页面的坐标值,请使用 clientY 属性。