Window:moveBy() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

Window 接口的 moveBy() 方法可以将当前窗口按指定量进行移动。

注意:此函数会根据窗口当前位置进行移动。相比之下,window.moveTo() 会将窗口移动到绝对位置。

语法

js
moveBy(deltaX, deltaY)

参数

deltaX

窗口水平移动的像素量。正值表示向右,负值表示向左。

deltaY

窗口垂直移动的像素量。正值表示向下,负值表示向上。

返回值

无(undefined)。

示例

此示例将窗口向右移动 10 像素,并向上移动 10 像素。

js
function budge() {
  moveBy(10, -10);
}

规范

规范
CSSOM 视图模块
# dom-window-moveby

浏览器兼容性

自 Firefox 7 起,网站将无法在以下情况移动浏览器窗口:以下情况

  1. 您无法移动并非由 Window.open() 创建的窗口或标签页。
  2. 当窗口包含多个标签页时,您无法移动该窗口或标签页。

注意:此函数可能不会同步移动窗口。在某些环境(例如 Wayland 或移动设备)下,它可能根本不会移动窗口。目前没有办法监听移动事件,请参阅 CSS 工作组问题 #7693

另见