Как отслеживать изменения экрана браузера на Javascript?

Как отслеживать изменения окна браузера на на Javascript?
Пример
If(width < 350) {
document.body.style.display = “none”
}
  • Вопрос задан
  • 131 просмотр
Пригласить эксперта
Ответы на вопрос 2
SmthTo
@SmthTo
Все перепёлки мира будут оплакивать мою смерть
Если на голом JS и с троттлингом. Извините, если кого обидел лицом на фоне в примере:

https://developer.mozilla.org/ru/docs/Web/Events/resize
Ответ написан
@glagolew059
frontend developer
Если Вам нужно сделать аналог медиазапросов то можно так:

$(window).resize(function(){
    if (window.matchMedia('(max-width: 350px)').matches) {
        document.body.style.display = “none”;
    } else {
        document.body.style.display = “block”;
    }
}


либо в resize вставляете свои обработчики:
$(window).resize(function(){
    var width = ...
    if(width < 350) {
        document.body.style.display = “none”
    }
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы