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

Question

[Andrej ikeppu]

Как отслеживать изменения окна браузера на на Javascript?
Пример
If(width < 350) {
document.body.style.display = “none”
}

Comments

[Rustam Bainazarov]

https://developer.mozilla.org/ru/docs/Web/Events/resize

Answer 1

[Rustam Bainazarov]

Если на голом JS и с троттлингом. Извините, если кого обидел лицом на фоне в примере:

https://developer.mozilla.org/ru/docs/Web/Events/resize

Answer 2

[2cha.headz]

Если Вам нужно сделать аналог медиазапросов то можно так:

$(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”
    }
}