MouseEvent.clientX

MouseEvent.clientX は event の起きた点の、クライアント内での X 座標を参照できる読み取り専用の属性です。画面の左上でクリックした場合、ページの横スクロール位置に関わらず、その値は 0 となります。

記法

var x = instanceOfMouseEvent.clientX

返り値

数値

使用例

<!DOCTYPE html>
<html>
<head>
<title>clientX\clientY example</title>

<script>
function showCoords(evt){
  alert(
    "clientX value: " + evt.clientX + "\n" +
    "clientY value: " + evt.clientY + "\n"
  );
}
</script>
</head>

<body onmousedown="showCoords(event)">
<p>To display the mouse coordinates click anywhere on the page.</p>
</body>
</html>

仕様

仕様 状態 コメント
Document Object Model (DOM) Level 3 Events Specification
MouseEvent.clientX の定義
廃止 Document Object Model (DOM) Level 2 Events Specification からの変更はなし
Document Object Model (DOM) Level 2 Events Specification
MouseEvent.clientX の定義
廃止 最初の定義

ブラウザ互換性

BCD tables only load in the browser

関連情報