Estoy tratando de ejecutar una función cuando la ventana cambia de tamaño y alcanza un tamaño determinado. Lo siguiente estaba funcionando perfectamente:
var mediaQuery = window.matchMedia("(max-width: 480px)") mobileSlider(mediaQuery) // Call listener function at run time mediaQuery.addListener(mobileSlider) // Attach listener function on state changes Sin embargo, recibí una advertencia de que addListener está obsoleto, por lo que estoy intentando cambiarlo sin mucho éxito. He intentado lo siguiente, pero no funciona. ¿Qué debería estar haciendo?
var mediaQuery = window.matchMedia("(max-width: 480px)") mobileSlider(mediaQuery) // Call listener function at run time window.addEventListener('resize', mobileSlider) // Attach listener function on state changes También probé window.addEventListener('resize', mobileSlider(mediaQuery)) sin éxito.
Puede intentar agregar un detector de eventos en el evento de change de MediaQueryList.
Creo que esto podría ayudar con su problema, eche un vistazo aquí: https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList#examples