MediaQueryListListener

 This feature is outdated. The MediaQueryList.addListener() callback is now a plain function and called with the standard MediaQueryListEvent object.

A MediaQueryList object maintains a list of media queries on a Document, and handles sending notifications to listeners when the media queries on the document change.

This makes it possible to observe a document to detect when its media queries change, instead of polling the values periodically, if you need to detect changes to the values of media queries on a document.

A MediaQueryListListener is a callback function that gets invoked with a single argument, the MediaQueryList for which the evaluated result changed.

Syntax

function( mediaQueryList ) { ... }

Parameters

mediaQueryList
The MediaQueryList instance.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
MediaQueryListListenerChrome ? Edge Full support ≤18Firefox Full support 6IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

See also