TUTORIAL前端与浏览器FETCHED
clientY 事件属性
clientY 事件属性 事件对象 定义和用法 clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（客户区）的垂直坐标。 客户区指的是当前窗口。 语法 event.clientY 实例 实例 下面的例子可显示出事件发生时鼠标指针的坐标： [mycode2] 菜鸟教程(runoob.com) function show_coords(event){ var x=event.clientX; va..
更新于 2026/7/16
教程详情页默认 noindex。
clientY 事件属性
事件对象
定义和用法
clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（客户区）的垂直坐标。 客户区指的是当前窗口。
语法
event.clientY
实例
实例
下面的例子可显示出事件发生时鼠标指针的坐标：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function show_coords(event){
var x=event.clientX;
var y=event.clientY;
alert("X coords: " + x + ", Y coords: " + y);
}
</script>
</head>
<body>
<p onmousedown="show_coords(event)">请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function show_coords(event){
var x=event.clientX;
var y=event.clientY;
alert("X coords: " + x + ", Y coords: " + y);
}
</script>
</head>
<body>
<p onmousedown="show_coords(event)">请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>
</body>
</html>
尝试一下 »
事件对象