The MediaQueryListEvent
constructor creates a new MediaQueryListEvent
instance.
Syntax
var myMqlEvent = new MediaQueryListEvent(init);
Parameters
init
An init object that defines features of the new object instance. The available properties are:
- media: A
DOMString
representing a serialized media query. - matches: A
Boolean
representing the media query status —true
if it matches,false
if not.
Examples
var media = '(max-width: 600px)';
var matches = true;
var myMediaQueryListEvent = new MediaQueryListEvent({media, matches});
Specifications
Specification | Status | Comment |
CSS Object Model (CSSOM) View ModuleThe definition of 'MediaQueryListEvent()' in that specification. | Working Draft | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
MediaQueryListEvent() constructor
|
Chrome
Full support Yes |
Edge
Full support ≤79 |
Firefox
Full support 55 |
IE
No support No |
Opera
Full support Yes |
Safari
Full support 14 |
WebView Android
No support No |
Chrome Android
Full support Yes |
Firefox Android
Full support 55 |
Opera Android
Full support Yes |
Safari iOS
Full support 14 |
Samsung Internet Android
Full support Yes |
Legend
- Full support
- Full support
- No support
- No support
See also
MediaQueryListEvent.MediaQueryListEvent() by Mozilla Contributors is licensed under CC-BY-SA 2.5.