Событие onresize
Пример
Выполнение JavaScript при изменении размера окна браузера:
<body onresize="myFunction()">
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Событие onresize возникает при изменении размера окна браузера.
Совет: Чтобы получить размер элемента, используйте свойства clientWidth, clientHeight, innerWidth , innerHeight , externalWidth , externalHeight , offsetWidth и/или offsetHeight.
Поддержка браузера
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
Синтаксис
В HTML:
<element onresize="myScript">
В JavaScript:
object.onresize = function(){myScript};
В JavaScript с помощью метода addEventListener():
object.addEventListener("resize", myScript);
Примечание. Метод addEventListener() не поддерживается в Internet Explorer 8 и более ранних версиях.
Технические детали
Пузыри: | Нет |
---|---|
Отменяемо: | Нет |
Тип события: | UiEvent , если генерируется из пользовательского интерфейса, Event в противном случае |
Поддерживаемые HTML-теги: | <тело> |
Версия ДОМ: | События уровня 2 |
Дополнительные примеры
Пример
Использование метода addEventListener() для присоединения события "resize" к объекту окна.
window.addEventListener("resize", myFunction);