MediaQueryListEvent: MediaQueryListEvent() constructor

The MediaQueryListEvent() constructor creates a new MediaQueryListEvent object.

Syntax

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

Parameters

type

A string with the name of the event. It is case-sensitive and browsers always set it to change.

options Optional

An object that, in addition of the properties defined in Event(), can have the following properties:

media Optional

A string representing a serialized media query. It defaults to "".

matches Optional

A boolean value representing the media query status; true if it matches, false if not. It defaults to false.

Return value

A new MediaQueryListEvent object.

Examples

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

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

Specifications

Specification
CSSOM View Module
# dom-mediaquerylistevent-mediaquerylistevent

Browser compatibility

BCD tables only load in the browser

See also