MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

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
The definition of 'MouseEvent.clientX' in that specification.
草案 Document Object Model (DOM) Level 2 Events Specification からの変更はなし
Document Object Model (DOM) Level 2 Events Specification
The definition of 'MouseEvent.clientX' in that specification.
勧告 最初の定義

ブラウザ互換性

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

関連情報

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

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