Событие изменения размера окна JavaScript

Sobytie Izmenenia Razmera Okna Javascript



изменить размер ” в JavaScript — это встроенное событие, которое срабатывает, когда пользователь изменяет размер окна браузера. Это событие можно использовать для настройки макета или поведения веб-страницы в соответствии с новым размером окна. Событие инициируется/запускается для объекта окна, обозначающего окно браузера.

Этот пост иллюстрирует событие изменения размера окна в JavaScript.







Что такое событие «изменить размер окна» в JavaScript?

В JavaScript « изменить размер ” возникает при изменении размера окна браузера. Вы можете прикрепить функцию к событию изменения размера, используя « добавить прослушиватель событий () ” для объекта окна. Это событие срабатывает всякий раз, когда изменяется размер окна браузера.



Синтаксис



Следующий синтаксис используется для события изменения размера окна с помощью метода «addEventListener()»:





окно.addEventListener ( 'изменить размер' , имя_функции )


Рекомендуется удалить прослушиватель событий, чтобы избежать утечек памяти. Для удаления прослушивателя событий используйте « удалитьпрослушиватель событий() метод:

window.removeEventListener ( 'изменить размер' , имя_функции ) ;


Пример



В приведенном примере длина и ширина окна будут отображаться на странице при изменении размера окна.

Во-первых, создайте область span для отображения длины и ширины окна:

Окно Ширина:

Окно'
с Высота: < охватывать идентификатор '=' 'высота' > охватывать >


Затем в теге