window.md 1.3 KB
Newer Older
D
DCloud_LXH 已提交
1
## uni.onWindowResize(CALLBACK)
Anne_LXM's avatar
Anne_LXM 已提交
2 3 4 5 6 7
监听窗口尺寸变化事件

> 1.6.0 新增

**平台差异说明**

D
DCloud_LXH 已提交
8
|App|HarmonyOS Next|H5|微信小程序	|支付宝小程序|百度小程序|抖音小程序|飞书小程序|QQ小程序|
D
DCloud_LXH 已提交
9 10
|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
|√|x|√|√|x|x|x|√|√|
Anne_LXM's avatar
Anne_LXM 已提交
11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

**CALLBACK 参数说明**

|属性|类型|说明|
|---|---|---|
|size|Object|变化后的窗口的大小,单位为 px ,{windowWidth,windowHeight}|

**代码示例**

```javascript
const windowResizeCallback = (res) => {
  console.log('变化后的窗口宽度=' + res.size.windowWidth)
  console.log('变化后的窗口高度=' + res.size.windowHeight)
}
uni.onWindowResize(windowResizeCallback)
```

**TIPS**
- 如App端设置软键盘弹出方式为adjustResize ,则在键盘弹出时,会触发此事件。
- 横竖屏切换时,会触发此事件。

D
DCloud_LXH 已提交
32
## uni.offWindowResize(CALLBACK)
Anne_LXM's avatar
Anne_LXM 已提交
33 34 35 36 37 38
取消监听窗口尺寸变化事件

> 1.6.0 新增

平台差异说明

D
DCloud_LXH 已提交
39
|App|HarmonyOS Next|H5|微信小程序|支付宝小程序|百度小程序|抖音小程序|飞书小程序|
D
DCloud_LXH 已提交
40 41
|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
|√|x|√|√|x|x|x|√|
Anne_LXM's avatar
Anne_LXM 已提交
42 43 44 45 46 47 48 49 50

**Tips**
- `CALLBACK`为调用`uni.onWindowResize`时传入的`CALLBACK`

**代码示例**

```javascript
uni.offWindowResize(windowResizeCallback)
```