MediaQueryListEvent()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
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 |