Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

MediaQueryListEvent: MediaQueryListEvent() Konstruktor

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2020 browserübergreifend verfügbar.

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 Ereignisses. Es ist case-sensitiv und Browser setzen es immer auf change.

options Optional

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

media Optional

Ein String, der eine serialisierte Media-Query darstellt. Standardmäßig "".

matches Optional

Ein boolescher Wert, der den Status der Media-Query repräsentiert; true, wenn sie übereinstimmt, false, wenn nicht. Standardmäßig false.

Rückgabewert

Ein neues MediaQueryListEvent Objekt.

Beispiele

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

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

Spezifikationen

Spezifikation
CSSOM View Module
# dom-mediaquerylistevent-mediaquerylistevent

Browser-Kompatibilität

Siehe auch