English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Window screenLeft 属性

JavaScript Window オブジェクト

screenLeft読み取り専用属性で、ユーザーのブラウザウィンドウの左端からスクリーンの左側までの水平距離(ピクセル単位)を返します。

screenLeft属性は旧バージョンのscreenX属性の別名。

構文:

window.screenLeft
var win = window.open("", "popupWindow");
win.document.write("<p>This is 'popupWindow'
win.document.write("<br>ScreenLeft: " + win.screenLeft);
win.document.write("<br>ScreenTop: " + win.screenTop + "</p>
テストして見て‹/›

注意: screenLeftとscreenTop属性はscreenXとscreenY属性と等しいです。

ブラウザの互換性

テーブルに記載された数値は、screenLeft属性を完全にサポートする最初のブラウザバージョンを指定します:

属性
screenLeft649

技術的な詳細

返り値:この数値は、ブラウザの視口の左端からスクリーンの左端までのCSSピクセル数に等しいです

さらに多くの例

スクリーンに対する新しいウィンドウのxとy座標を返します:

var win = window.open("", "popupWindow", "left=500, top=350, width=300, height=200");
win.document.write("<p>This is 'popupWindow'
win.document.write("<br>ScreenLeft: " + win.screenLeft);
win.document.write("<br>ScreenTop: " + win.screenTop + "</p>
テストして見て‹/›

クロスブラウザ解決策(IE向け)8および以前のバージョンでは、screenXとscreenYを使用します):

var win = window.open("", "popupWindow", "left=500, top=350, width=300, height=200");
/* ブラウザがscreenLeftとscreenTopをサポートしない場合、screenXとscreenYを使用することができます */
if (!window.screenLeft) {}}
   window.screenLeft = window.screenX;
   window.screenTop = window.screenY;
}
win.document.write("<p>This is 'popupWindow'
win.document.write("<br>ScreenLeft: " + win.screenLeft);
win.document.write("<br>ScreenTop: " + win.screenTop + "</p>
テストして見て‹/›

関連リファレンス

ウィンドウ(Window)リファレンス:window.screenTop属性

ウィンドウ(Window)リファレンス:window.screenX属性

ウィンドウ(Window)リファレンス:window.screenY属性

JavaScript Window オブジェクト