MediaQueryListEvent: MediaQueryListEvent() コンストラクター
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2020年9月.
MediaQueryListEvent() コンストラクターは、新しい MediaQueryListEvent オブジェクトを生成します。
構文
js
new MediaQueryListEvent(type)
new MediaQueryListEvent(type, options)
引数
type-
文字列で、このイベントの名前です。 大文字小文字の区別があり、ブラウザーは常に
changeに設定します。 options省略可-
オブジェクトで、
Event()で定義されているプロパティに加え、以下のプロパティを持つことができます。media省略可- :シリアライズされたメディアクエリーを表す文字列です。既定値は
""です。
- :シリアライズされたメディアクエリーを表す文字列です。既定値は
matches省略可- : メディアクエリーの状態を表す論理値です。
trueならば一致しており、falseならば一致していません。既定値はfalseです。
- : メディアクエリーの状態を表す論理値です。
返値
新しい MediaQueryListEvent オブジェクトです。
例
js
const media = "(max-width: 600px)";
const matches = true;
const myMediaQueryListEvent = new MediaQueryListEvent("change", {
media,
matches,
});
仕様書
| Specification |
|---|
| CSSOM View Module # dom-mediaquerylistevent-mediaquerylistevent |