Phương thức moveTo() của Window trong HTML

Phương thức moveTo() của đối tượng Window trong HTML dùng để di chuyển cửa sổ trình duyệt đến tọa độ xác định trên màn hình.

Cú pháp

window.moveTo(x, y)

Tham số x và y lần lượt xác định vị trí mới của cửa sổ theo trục ngang và trục dọc (đơn vị pixel).

Ví dụ minh họa

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;
    text-align: center;
  }
  .btn {
    background: #db133a;
    border: none;
    height: 2rem;
    border-radius: 2px;
    width: 40%;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
    margin: 1rem auto;
  }
</style>
<body>
<h1>Demo phương thức moveTo() của Window</h1>
<button onclick="create()" class="btn">Tạo cửa sổ mới và di chuyển</button>
<script>
  function create() {
    var newWindow = window.open('', '', 'width=150,height=150');
    newWindow.moveTo(550, 250);
  }
</script>
</body>
</html>

Kết quả

Nhấn nút "Tạo cửa sổ mới và di chuyển" để mở một cửa sổ popup nhỏ và tự động đặt nó tại tọa độ (550, 250) trên màn hình.

Lưu ý: Phương thức này chỉ hoạt động trên cửa sổ được mở bằng window.open(). Các trình duyệt hiện đại thường chặn hoặc giới hạn việc di chuyển cửa sổ chính để bảo vệ trải nghiệm người dùng.