JavaScript入門講座

Home > eventオブジェクト > clientYプロパティ

clientYプロパティ

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

書式event.type
イベントが発生したブラウザ上のY座標
使用例イベントが発生したブラウザ上のY座標を表示する。
対応Internet ExplorerChromeSafariOpera

<html>
<head>
<title>JavaScript event clientY</title>
<script type="text/javascript">
function dispClientY() {
	alert ("イベントが発生したブラウザ上のY座標:"+ event.clientY );	
}
document.onmousedown = dispClientY;
</script>
</head>
<body>
<p>clientY</p>
</body>
</html>
						
使用例イベントが発生したブラウザ上のY座標を表示する。
対応FireFoxChromeSafariOpera

<html>
<head>
<title>JavaScript event clientY</title>
<script type="text/javascript">
function dispClientY(e) {
	alert ("イベントが発生したブラウザ上のY座標:"+ e.clientY );	
}
document.onmousedown = dispClientY;
</script>
</head>
<body>
<p>clientY</p>
</body>
</html>
						
関連メンバ
screenXイベントが発生したディスプレイ上のX座標
screenYイベントが発生したディスプレイ上のY座標
clientXイベントが発生したブラウザ上のX座標
offsetXイベントが発生した要素上のX座標
offsetYイベントが発生した要素上のY座標