Обработчик изменения окна браузера .resize()

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

Метод имеет три варианта использования.

  • handler — функция, которая будет установлена в качестве обработчика.

  • eventData — объект содержащий данные, для передачи в обработчик. Должны быть представлены в формате {fName1:value1, fName2:value2, ...};
  • handler — функция, которая будет установлена в качестве обработчика.

В первых двух вариантах использования, метод является аналогом .on("resize", handler), а в третьем случае аналогом .trigger( "resize" ).

События resize происходит, когда изменяются размеры объекта window (окна браузера):

Теперь, если размер окна изменится, в элемент с id = "log" будет добавлен блок с надписью Handler for .resize() called.

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

Дополнительно

Событие resize() является лишь сокращением для .on("resize", handler), поэтому убрать установленный обработчик можно с помощью .off( "resize" )

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *