Событие onresize

DOM события Объект Event

Определение и использование

Событие onresize occurs при изменении размера браузерного окна.

Совет:Чтобы получить размер элемента, используйте clientWidth, clientHeight,innerWidth,innerHeight,outerWidth,outerHeightи свойства offsetWidth и/или offsetHeight.

Пример

Пример 1

Выполните JavaScript при изменении размера браузерного окна:

<body onresize="myFunction()">

Попробуйте сами

Пример 2

Используйте метод addEventListener() для добавления "resize" события к объекту window:

window.addEventListener("resize", myFunction);

Попробуйте сами

Грамматика

В HTML:

<элемент onresize="myScript">

Попробуйте сами

В JavaScript:

объект.onresize = function(){myScript};

Попробуйте сами

В JavaScript, используйте метод addEventListener():

объект.addEventListener("resize", myScript);

Попробуйте сами

Комментарий:Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener().

Технические детали

Бубнение: Не поддерживается
Можете ли вы отменить: Не поддерживается
Тип события: Если событие генерируется из пользовательского интерфейса:UiEvent. В противном случае Событие.
Поддерживаемые теги HTML: <body>
Версия DOM: Уровень 2 событий

Поддержка браузеров

События Chrome IE Firefox Safari Opera
onresize Поддержка Поддержка Поддержка Поддержка Поддержка
DOM события Объект Event