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 July 2015.

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

関連情報