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 の定義
廃止された 最初の定義

ブラウザ互換性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Firefox (Gecko) Chrome Internet Explorer Opera Safari
基本サポート (有) (有) 6 (有) (有)
機能 Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile
基本サポート ? ? ? ? ?

関連情報

ドキュメントのタグと貢献者

このページの貢献者: chikoski
最終更新者: chikoski,