Spec-Zone.ru › jQuery

событие resize

Свяжите обработчик событий с событием "resize" или вызовите это событие на элементе.

Содержание:

  • .on( "resize" [, eventData ], handler )
    • .on( "resize" [, eventData ], handler )
  • .trigger( "resize" )
    • .trigger( "resize" )

.on( "resize" [, eventData ], handler )Возвращает: jQuery

Описание: Связывает обработчик событий с событием "resize".

  • версия добавлена: 1.7.on( "resize" [, eventData ], handler )

    • "resize"
      Тип: строка
      Строка "resize".
    • eventData
      Тип: Любое
      Объект, содержащий данные, которые будут переданы обработчику событий.
    • handler
      Тип: Функция( Событие eventObject )
      Функция, которая выполняется каждый раз при срабатывании события.

Эта страница описывает событие resize. Для устаревшего метода .resize(), см. .resize().

Событие resize отправляется элементу window, когда изменяется размер окна браузера:

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

Теперь всякий раз, когда размер окна браузера меняется, сообщение добавляется в <div id="log"> один или несколько раз, в зависимости от браузера.

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

Пример:

Чтобы увидеть ширину окна во время (или после) его изменения размера, попробуйте:

$( window ).on( "resize", function() {
  $( "body" ).prepend( "<div>" + $( window ).width() + "</div>" );
} );

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

Описание: Вызвать событие "resize" на элементе.

  • версия добавлена: 1.0.trigger( "resize" )

    • "resize"
      Тип: строка
      Строка "resize".

См. описание для .on( "resize", ... ).

© The jQuery Foundation and other contributors
Licensed under the MIT License.
https://api.jquery.com/resize

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API