JavaScriptのwindow.moveTo・moveByとは？ウィンドウ位置を移動する方法を初心者向けに解説
window.moveTo() と window.moveBy() は、ブラウザウィンドウの位置を移動させるためのメソッドです。
指定した座標へ移動したり、現在位置から相対的に移動させたりできます。
window.moveToとは？（絶対位置に移動）
window.moveTo(x, y) は、ウィンドウの左上端をモニタ上の指定座標へ移動させます。
window.moveTo(X座標, Y座標);
- X座標：画面左端からの距離（px）
- Y座標：画面上端からの距離（px）
使用例：指定位置へ移動
subWin.moveTo(100, 50);
→ ウィンドウ subWin を画面上の座標 (100, 50) に移動します。
window.moveByとは？（相対的に移動）
window.moveBy(dx, dy) は、現在の位置から指定した分だけウィンドウを移動させます。
window.moveBy(X方向の移動量, Y方向の移動量);
- 正の値：右（X）・下（Y）へ移動
- 負の値：左（X）・上（Y）へ移動
使用例：現在位置から移動
window.moveBy(20, 10);
→ 現在のウィンドウを右へ20px、下へ10px移動します。
注意点
- ブラウザの設定によってはウィンドウ移動が制限される場合がある
- ユーザー操作を妨げないよう、過度な移動操作は避けるべき
- ポップアップウィンドウでの利用が一般的
まとめ
moveTo()：指定した絶対座標へ移動moveBy()：現在位置から相対的に移動- 座標はピクセル単位で指定する
- ブラウザの仕様により動作しない場合がある
