The removeListener() method of the MediaQueryList interface removes a listener from the MediaQueryListener.

This is basically an alias for EventTarget.removeEventListener(), for backwards compatibility purposes — in older browsers you could use removeEventListener() instead.




A function or function reference representing the callback function you want to remove. In the original implementation, the callback was a non-standard MediaQueryListListener object. In the new implementation the standard event mechanism is used, and the callback is a standard function.

Return value



var mql = window.matchMedia('(max-width: 600px)');

function screenTest(e) {
  if (e.matches) {
    /* the viewport is 600 pixels wide or less */
    para.textContent = 'This is a narrow screen — less than 600px wide.'; = 'red';
  } else {
    /* the viewport is more than than 600 pixels wide */
    para.textContent = 'This is a wide screen — more than 600px wide.'; = 'blue';


// Later on, when it is no longer needed


Specification Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'removeListener' in that specification.
Working Draft Initial definition

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Basic support 9 (Yes) 6.0 (6.0) 10 12.1 5
EventListener objects as parameter No support ? 55.0 (55) No support (Yes) ? (Yes)
Feature Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support ? (Yes) ? ? ? ? ?
EventListener objects as parameter No support ? 55.0 (55) No support (Yes) ? (Yes)

See also

Document Tags and Contributors

 Contributors to this page: fscholz, chrisdavidmills
 Last updated by: fscholz,