MediaQueryListEvent: MediaQueryListEvent() Konstruktor

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.

Der MediaQueryListEvent() Konstruktor erstellt ein neues MediaQueryListEvent-Objekt.

Syntax

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

Parameter

type

Ein String mit dem Namen des Events. Es ist case-sensitive und Browser setzen es immer auf change.

options Optional

Ein Objekt, das zusätzlich zu den in Event() definierten Eigenschaften die folgenden Eigenschaften haben kann:

media Optional

Ein String, der eine serialisierte Medienabfrage darstellt. Standardmäßig ist er "".

matches Optional

Ein boolescher Wert, der den Status der Medienabfrage darstellt; true, wenn sie zutrifft, false, wenn nicht. Standardmäßig ist er false.

Rückgabewert

Ein neues MediaQueryListEvent-Objekt.

Beispiele

js
const media = "(width <= 600px)";
const matches = true;

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

Spezifikationen

Specification
CSSOM View Module
# dom-mediaquerylistevent-mediaquerylistevent

Browser-Kompatibilität

Siehe auch