js STUDIO

.screenX

スクリーン全体としてのイベント発生場所の座標の水平位置を返します。

文法 

var pixelNumber = event.screenX;

pixelNumberには、スクリーンの左側からのオフセットがピクセル数で格納されます。

例 

<html>
<head>
<title>screenX\screenY example</title>

<script type="text/javascript">

function showCoords(evt){
  alert(
    "screenX value: " + evt.screenX + "\n"
    + "screenY value: " + evt.screenY + "\n"
  );
}

</script>
</head>

<body onmousedown="showCoords(event)">
<p>マウス位置を表示するために、ページ上の何処かをクリックして下さい。</p>
</body>
</html>

function checkClickMap(e) {
  if (e.screenX < 50) doRedButton();
  if (50 <= e.screenX) < 100 doYellowButton();
  if (e.screenX >= 100) doRedButton();
}

注意事項

window、document、または別の大きな要素上でイベントを捉えた場合、 イベント(例えば、クリック)の座標を取得し、"clickMap"の例のように、 それを正しく送ることが可能です。

仕様

screenX

 Back to top

© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
  • 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
  • MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。