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

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

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

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

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

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

$( window ).resize(function() {
  $( "#log" ).append( "<div>Handler for .resize() called.</div>" );
});

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

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

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

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

Добавить комментарий

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