MediaQueryList.removeListener()

El método removeListener() de la interfaz MediaQueryList elimina un escucha de MediaQueryListener.

Esto es básicamente un alias para EventTarget.removeEventListener(), para propósitos de compatibilidad con versiones anteriores: en los navegadores antiguos puede usar removeEventListener().

Una función o referencia de función que representa la función de devolución de llamada que desea eliminar. En la implementación original, la devolución de llamada era un objeto MediaQueryListListener no estándar. En la nueva implementación se utiliza el mecanismo de eventos estándar y la devolución de llamada es una función estándar.

Return value

Void.

Ejemplos

js
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.";
    document.body.style.backgroundColor = "red";
  } else {
    /* the viewport is more than than 600 pixels wide */
    para.textContent = "This is a wide screen — more than 600px wide.";
    document.body.style.backgroundColor = "blue";
  }
}

mql.addListener(screenTest);

// Later on, when it is no longer needed
mql.removeListener(screenTest);

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on 31 mar 2026 by MDN contributors.

View this page on GitHub • Report a problem with this content

MediaQueryList
Propiedades de instancia
1. matches
2. media
Métodos de instancia
1. addListener()
2. removeListener()
Eventos
1. change
Herencia
1. EventTarget

MediaQueryList.removeListener()

In this article

Sintaxis

Parametros

Return value

Ejemplos

Especificaciones

Compatibilidad con navegadores

Ver también

Help improve MDN