Как обновить высоту и ширину в JavaScript?

70
9

Как я могу постоянно получать ширину и высоту браузера через javascript? Просто используя document.body.clientWidth или window.innerWidth дает ширину после загрузки страницы.

Однако как можно получить ширину и высоту, обновляемую каждый раз, когда пользователь изменяет размер окна?

спросил(а) 2014-09-29T14:17:00+04:00 5 лет, 12 месяцев назад
1
Решение
57

но можно ли увеличить ширину и высоту, когда пользователь изменит размер окна.

Да, используя событие resize:

window.addEventListener("resize", function() {
// Now, clientWidth and innerWidth and such have changed
}, false);

(Там я использую addEventListener. Если вам нужно поддерживать старые браузеры, вы можете использовать функцию hookEvent в этом другом ответе.)

ответил(а) 2014-09-29T14:19:00+04:00 5 лет, 12 месяцев назад
40

Попробуйте обновить размеры при изменении размера или по запросуAnimationFrame


window.onresize = function(event) {
...
};

ответил(а) 2014-09-29T14:20:00+04:00 5 лет, 12 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема