MediaQueryObserver.observe
开始进行当前页面的媒体查询监听。当页面大小发生变化时,触发传入的回调函数,并接受一个参数表示页面状态是否满足指定的条件。
语法
const mediaQueryObserver = this.createMediaQueryObserver() mediaQueryObserver.observe(descriptor,callback)
参数说明
descriptor
类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
object | | 是 | 媒体查询参数 | 3.63.0 |
descriptor类型说明
object 类型,属性如下:
属性 | 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
minWidth | number | | 否 | 页面最小宽度(px为单位) | 3.63.0 |
maxWidth | number | | 否 | 页面最大宽度(px为单位) | 3.63.0 |
width | number | | 否 | 页面宽度(px为单位) | 3.63.0 |
minHeight | number | | 否 | 页面最小高度(px为单位) | 3.63.0 |
maxHeight | number | | 否 | 页面最大高度(px为单位) | 3.63.0 |
height | number | | 否 | 页面高度(px为单位) | 3.63.0 |
orientation | string | | 否 | 屏幕方向,可选值为'portrait' | 'portraitupsidedown' | 'landscapeleft' | 'landscaperight' | 3.63.0 |
callback
类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
function | | 是 | 回调函数 | 3.63.0 |
callback参数说明
参数 | 参数类型 | 说明 | 最低支持版本 |
result | matches | 查询结果 | 3.63.0 |
result参数说明
object 类型,代表当前页面状态是否满足指定条件,属性如下:
参数 | 参数类型 | 说明 | 最低支持版本 |
matches | boolean | 查询结果布尔值 | 3.63.0 |
扫码体验
代码示例
Bug & Tip
无