• JS API 列表
  • 基础
  • TTML
  • tt.createSelectorQuery
  • tt.createIntersectionObserver
  • SelectorQuery
  • NodesRef
  • MediaQueryObserver
  • MediaQueryObserver
  • MediaQueryObserver.observe
  • MediaQueryObserver.disconnect
  • IntersectionObserver
  • tt.matchMedia
  • 网络
  • 媒体
  • 地图
  • 文件
  • 数据缓存
  • 地理位置
  • 设备
  • 画布
  • 界面
  • 页面导航
  • 开放接口
  • 行业开放
  • 第三方平台
  • 其它
  • 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