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

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

ブラウザーの互換性

BCD tables only load in the browser

関連情報