Latest web development tutorials

clientY event properties

Event Object Reference Event objects

Definition and Usage

clientY event property is triggered when the event returns the mouse pointer to the page to the browser (client area) of the vertical coordinate. Client area refers to the current window.

grammar

event.clientY


Examples

Examples

The following example shows the coordinates of the mouse pointer when the event occurs:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.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>

try it"


Event Object Reference Event objects