clientXプロパティ

eventオブジェクトのclientXプロパティはイベントが発生したブラウザ上のX座標を返します。

書式	event.type
値	イベントが発生したブラウザ上のX座標

使用例	イベントが発生したブラウザ上のX座標を表示する。
対応


<html>
<head>
<title>JavaScript event clientX</title>
<script type="text/javascript">
function dispClientX() {
	alert ("イベントが発生したブラウザ上のX座標："+ event.clientX );	
}
document.onmousedown = dispClientX;
</script>
</head>
<body>
<p>clientX</p>
</body>
</html>

使用例	イベントが発生したブラウザ上のX座標を表示する。
対応


<html>
<head>
<title>JavaScript event clientX</title>
<script type="text/javascript">
function dispClientX(e) {
	alert ("イベントが発生したブラウザ上のX座標："+ e.clientX );	
}
document.onmousedown = dispClientX;
</script>
</head>
<body>
<p>clientX</p>
</body>
</html>

関連メンバ	値
screenX	イベントが発生したディスプレイ上のX座標
screenY	イベントが発生したディスプレイ上のY座標
clientY	イベントが発生したブラウザ上のY座標
offsetX	イベントが発生した要素上のX座標
offsetY	イベントが発生した要素上のY座標