MediaQueryListEvent: MediaQueryListEvent() コンストラクター

構文

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

引数

type

文字列で、このイベントの名前です。 大文字小文字の区別があり、ブラウザーは常に change に設定します。

options 省略可

オブジェクトで、Event() で定義されているプロパティに加え、以下のプロパティを持つことができます。

• media 省略可
  • :シリアライズされたメディアクエリーを表す文字列です。既定値は "" です。
• matches 省略可
  • : メディアクエリーの状態を表す論理値です。 true ならば一致しており、 false ならば一致していません。既定値は false です。

返値

新しい MediaQueryListEvent オブジェクトです。

例

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

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

仕様書

ブラウザーの互換性

関連情報

• メディアクエリー
• プログラムによるメディアクエリーの評価
• window.matchMedia()
• MediaQueryList
• MediaQueryListEvent