No Image

Jquery событие изменение размера окна

СОДЕРЖАНИЕ
229 просмотров
10 марта 2020

Содержание:

.resize( handler ) Возвращает: jQuery

Описание: Устанавливает обработчик изменения размеров окна браузера, либо, запускает это событие.

Добавлен в версии: 1.0 .resize( handler )

Добавлен в версии: 1.4.3 .resize( [eventData ], handler )

Добавлен в версии: 1.0 .resize()

This method is a shortcut for .on(‘resize’, handler) in the first and second variations, and .trigger( "resize" ) in the third.

The resize event is sent to the window element when the size of the browser window changes:

Now whenever the browser window’s size is changed, the message is appended to

Code in a resize handler should never rely on the number of times the handler is called. Depending on implementation, resize events can be sent continuously as the resizing is in progress (the typical behavior in Internet Explorer and WebKit-based browsers such as Safari and Chrome), or only once at the end of the resize operation (the typical behavior in some other browsers such as Opera).

Материал из JQuery

Устанавливает функцию handler в качестве обработчика события resize, на выбранные элементы.
Метод является аналогом bind("resize", handler(eventObject)).

handler(eventObject) — функция, которая будет установлена в качестве обработчика. При вызове она будет получать объект события eventObject.

Метод отличается от предыдущего возможностью передавать в обработчик дополнительные данные.
Является аналогом bind("resize", eventData, handler(eventObject)).

handler(eventObject) — см. выше.
eventData — дополнительные данные, передаваемые в обработчик. Они должны быть представлены объектом в формате: .

Вызывает событие resize, у выбранных элементов страницы. Метод является аналогом trigger("resize").

Убрать установленный обработчик можно с помощью метода unbind().

Все три варианта использования метода, являются аналогами других методов (см. выше), поэтому все подробности использования resize(), можно найти в описании этих методов.

Читайте также:  Casio privia px 320

Следует помнить, что в различных браузерах событие resize вызывается разное количество раз. В IE и браузерах на основе WebKit (Safari и Chrome) это событие вызывается постоянно по мере изменения размеров окна, в то время как в других браузерах (особенно в Firefox), событие resize может быть вызвано только при завершении изменения размеров окна.

Определение и применение

jQuery метод .resize() привязывает JavaScript обработчик событий "resize" (срабатывает при изменении размеров окна браузера), или запускает это событие на выбранный элемент.

Обратите внимание на то, что в зависимости от браузера пользователя, количество срабатываний события "resize" может отличаться, некоторые браузеры отправляют событие постоянно, когда изменение размера окна браузера происходит (типичное поведение в Internet Explorer и браузеров на основе WebKit, таких как Safari и Chrome), или только один раз в конце операции изменения размера окна (типичное поведение в некоторых других браузерах, таких как Opera). По этой причине код используемый в обработчике этого события не должен быть зависим от количества срабатываемых раз.

jQuery синтаксис:

Обращаю Ваше внимание, что метод .resize(), используемый вместе с функцией, переданной в качестве параметра (handler) является, короткой записью метода .on(), а без параметра является короткой записью метода .trigger():

Добавлен в версии jQuery

Значения параметров

Параметр Описание
eventData Объект, содержащий данные, которые будут переданы в обработчик событий.
handler Функция, которая будет выполнена каждый раз, когда событие срабатывает. Функция в качестве параметра может принимать объект Event .

Пример использования

В этом примере с использованием jQuery метода .resize() мы при нажатии на элемент (кнопка) вызываем событие "resize" на объектe window , которому задали, что при срабатывании события "resize" необходимо получить значение ширины области просмотра браузера и вставить его в элемент

Читайте также:  Nintendo wii u emulator

Результат нашего примера:

Пример использования jQuery метода .resize() (без параметров и с функцией) jQuery события

Комментировать
229 просмотров
Комментариев нет, будьте первым кто его оставит

Это интересно
Adblock
detector