clientY 事件属性

clientY 事件属性

定义和用法

clientY 事件属性返回当事件被触发时鼠标指针向对于浏览器页面（客户区）的垂直坐标。 客户区指的是当前窗口。

语法

event.clientY

实例

下面的例子可显示出事件发生时鼠标指针的坐标：

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="utf-8">  
<title>编程字典(CodingDict.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>

试一试 »