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

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年9月以降、すべてのブラウザーで利用可能です。

MediaQueryListEvent() コンストラクターは、新しい MediaQueryListEvent オブジェクトを生成します。

構文

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

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

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

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

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

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

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

仕様書
CSSOM View Module # dom-mediaquerylistevent-mediaquerylistevent

このページは MDN の貢献者によって 2025年11月9日に最終更新されました。