clientX 事件屬性

2023-04-14 09:50 更新
事件對(duì)象參考手冊(cè)事件對(duì)象

定義和用法

clientX 事件屬性返回當(dāng)事件被觸發(fā)時(shí)鼠標(biāo)指針相對(duì)于瀏覽器頁(yè)面（或客戶區(qū)）的水平坐標(biāo)。

客戶區(qū)指的是當(dāng)前窗口。

語(yǔ)法

event.clientX

實(shí)例

實(shí)例

下面的例子可顯示出事件發(fā)生時(shí)鼠標(biāo)指針的坐標(biāo)：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool在線教程(w3cschool.cn)</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)">請(qǐng)?jiān)谖臋n中點(diǎn)擊。一個(gè)消息框會(huì)提示出鼠標(biāo)指針的 x 和 y 坐標(biāo)。</p>

</body>
</html>

嘗試一下 ?

事件對(duì)象參考手冊(cè)事件對(duì)象
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)