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

> 1.6.0 新增

**平台差异说明**

P
PerfectPan 已提交
8 9 10
|App|H5|微信小程序	|支付宝小程序|百度小程序|字节跳动小程序|飞书小程序|QQ小程序|
|:-:|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
|√(nvue不支持)|√|√|x|x|x|√|√|
Q
qiang 已提交
11 12 13 14 15 16 17 18 19 20

**CALLBACK 参数说明**

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

**代码示例**

```javascript
21 22 23 24 25
const windowResizeCallback = (res) => {
  console.log('变化后的窗口宽度=' + res.size.windowWidth)
  console.log('变化后的窗口高度=' + res.size.windowHeight)
}
uni.onWindowResize(windowResizeCallback)
Q
qiang 已提交
26 27 28 29 30 31 32 33 34 35 36 37 38
```

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

### uni.offWindowResize(CALLBACK)
取消监听窗口尺寸变化事件

> 1.6.0 新增

平台差异说明

P
PerfectPan 已提交
39 40 41
|App|H5|微信小程序|支付宝小程序|百度小程序|字节跳动小程序|飞书小程序|
|:-:|:-:|:-:|:-:|:-:|:-:|:-:|
|√|√|√|x|x|x|√|
Q
qiang 已提交
42

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

Q
qiang 已提交
46 47 48
**代码示例**

```javascript
49
uni.offWindowResize(windowResizeCallback)
Q
qiang 已提交
50
```