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

Window moveBy() メソッド

JavaScript Window オブジェクト

moveBy()メソッドは、現在の座標から指定されたピクセル数を移動します。

このメソッドは、現在の位置からウィンドウを移動します。対照的に、window.moveTo()ウィンドウを絶対位置に移動します。

文法:

window.moveBy(x, y)
// 新しいウィンドウを開く関数
function windowOpen() {
  popupWindow = window.open("", "", "width=200, height=200");
}
//移動開くウィンドウの機能
function windowMove() {
  popupWindow.moveBy(200, 200);
  popupWindow.focus();
}
テストしてみる‹/›

ブラウザの互換性

すべてのブラウザが完全にmoveBy()メソッドをサポートしています:

メソッド
moveBy()

パラメータの値

パラメータ説明
xウィンドウを水平に移動するピクセル数。正の値は右方向、負の値は左方向
yウィンドウを垂直に移動するピクセル数。正の値は下方向、負の値は上方向

技術的詳細

戻り値:ありません

さらに多くの例

この例ではmoveBy()とmoveTo()を組み合わせて使用します:

function windowMoveTo() {
  popupWindow.moveTo(150, 150);
  popupWindow.focus();
}
function windowMoveBy() {
  popupWindow.moveBy(100, 100);
  popupWindow.focus();
}
テストしてみる‹/›

関連リファレンス

ウィンドウ(Window)リファレンス:moveTo()メソッド

ウィンドウ(Window)リファレンス:resizeBy()メソッド

ウィンドウ(Window)リファレンス:resizeTo()メソッド

JavaScript Window オブジェクト