пример
Выполнение JavaScript, когда окно браузера изменяется:
<body onresize="myFunction()">
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
OnResize событие происходит, когда окно браузера было изменено.
Совет: Чтобы получить размер элемента, используйте clientWidth, clientHeight, innerWidth , innerHeight , outerWidth , outerHeight , offsetWidth и / или offsetHeight свойства.
Поддержка браузеров
Мероприятие | |||||
---|---|---|---|---|---|
onresize | да | да | да | да | да |
Синтаксис
В HTML:
В JavaScript:
object .onresize=function(){ Попробуй сам "
В JavaScript, используя addEventListener() метод:
object .addEventListener("resize", myScript );
Попробуй сам " Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.
Технические подробности
Пузыри: | нет |
---|---|
аннулированию: | нет |
Тип события: | UIEvent |
Поддерживаемые HTML-теги: | <Тело> |
DOM Версия: | Уровень 2 События |
Еще примеры
пример
Использование addEventListener() метод , чтобы прикрепить "resize" событие на объект окна.
window.addEventListener("resize", myFunction);
Попробуй сам " <Объект Event