clientX 事件属性 | HTML DOM 事件对象

返回到:DOM 对象:HTML DOM 事件对象

定义和用法

clientX 事件属性返回当事件被触发时鼠标指针相对于浏览器页面(或客户区)的水平坐标。

客户区指的是当前窗口。

语法

event.clientX

实例

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

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

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4226.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年11月22日 下午3:15
下一篇 2021年11月22日 下午3:19

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注