MediaQueryListEvent()

MediaQueryListEvent() 构造函数用于创建一个新的 MediaQueryListEvent 对象。

语法

js
new MediaQueryListEvent(type)
new MediaQueryListEvent(type, options)

参数

type

一个带有该事件名字的字符串。该字符串是大小写敏感的，且浏览器通常将其设置为 change。

options 可选

一个对象，除已定义在 Event()的属性外，其还可以添加如下额外属性：

media 可选

一个字符串，代表着一个序列化后的媒体查询。默认值为 ""。

matches 可选

一个布尔值，代表着匹配媒体查询状态；如果匹配，该值为 true，否则为 false。默认值为 false。

返回值

一个新的 MediaQueryListEvent 对象。

示例

js
var media = "(max-width: 600px)";
var matches = true;

var myMediaQueryListEvent = new MediaQueryListEvent("change", {
  media,
  matches,
});

规范

Specification
CSSOM View Module
# dom-mediaquerylistevent-mediaquerylistevent

浏览器兼容性

BCD tables only load in the browser

参见