MediaQueryList: метод removeListener()

Устарело: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут её поддерживать, она может быть удалена из соответствующих веб-стандартов, может быть в процессе удаления или может поддерживаться только для совместимости. Избегайте её использования и, если возможно, обновите существующий код. Обратитесь к таблице совместимости внизу этой страницы для принятия решения. Имейте в виду, что эта функция может перестать работать в любое время.

Метод removeListener() интерфейса MediaQueryList удаляет обработчик событий из объекта MediaQueryListener.

В старых браузерах MediaQueryList ещё не наследовались от EventTarget, поэтому этот метод предоставлялся в качестве псевдонима метода EventTarget.removeEventListener(). Используйте removeEventListener() вместо removeListener() , если он доступен в поддерживаемых браузерах.

Синтаксис

removeListener(func)

Параметры

func: Функция или ссылка на функцию, представляющая целевую функцию обратного вызова для удаления.

Возвращаемое значение

None (undefined).

Примеры

const paragraph = document.querySelector("p");
const mediaQueryList = window.matchMedia("(max-width: 600px)");

function screenTest(e) {
  if (e.matches) {
    /* the viewport is 600 pixels wide or less */
    paragraph.textContent = "This is a narrow screen — 600px wide or less.";
    document.body.style.backgroundColor = "pink";
  } else {
    /* the viewport is more than 600 pixels wide */
    paragraph.textContent = "This is a wide screen — more than 600px wide.";
    document.body.style.backgroundColor = "aquamarine";
  }
}

mediaQueryList.addListener(screenTest);

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

Спецификации

Спецификация
CSSOM View Module # dom-mediaquerylist-removelistener

Совместимость с браузерами

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`removeListener`	9	12	6	12.1	5.1	18	6	12.1	5	1.0	≤37

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/removeListener