MouseEvent.clientX

ジャンプ先:
  1. 記法
  2. 使用例
  3. 仕様
  4. ブラウザ互換性
  5. 関連情報

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

ブラウザ互換性

現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。 この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。 手助けしていただける場合は、こちらから！

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

関連情報

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

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