Справочник API

.blur() в jQuery

Содержание статьи
  • Категории: Events › Form Events ,  Forms

    Устанавливает (или вызывает) обработчики JavaScript события blur (когда элемент теряет фокус ввода) для всех элементов набора jQuery.

Синтаксис и описание:

  • Добавлено в jQuery 1.0.blur( [handler( eventObject )] )

  • Устанавливает функцию handler() как обработчик JavaScript события blur (когда элемент теряет фокус ввода) для всех элементов набора jQuery. Это сокращенный вариант функции .bind() :

    .bind('blur', handler)

    Если необязательный параметр handler() опущен, то все обработчики события blur, установленные во всех соответствующих элементах набора jQuery, вызываются искусственно. Также создается искусственный объект события и передается обработчикам. Это укороченный вариант метода .trigger() :

    .trigger('blur')

Возвращаемое значение: (объект) Набор jQuery.

Параметры:

  • handler( [eventObject] ) – Необязательный параметр - функция, объявляемая обработчиком JavaScript события blur. В качестве единственного параметра она получает eventObject (экземпляр объекта Event). Контекст this вызова функции ссылается на текущий элемент.

              function handler(eventObject) {
                  this; // текущий DOM-элемент.
                }
  1. Примечание:

    Актуально для <a>, <button>, <input>, <label>, <select>, <textarea>, <body>.

Примеры:

  1. Установить обработчики события blur на всех элементах <input>, а при клике на параграфе <p> запускать их искусственно (программным способом).

    <p>Элемент P</p>
    <input id="targ1" /> <input id="targ2" /> 
    <script type="text/javascript">
      $('input').blur(function(event) {
         alert(event.target.tagName + '#' + event.target.id);
        });
      $('p').click(function() {
         $('input').blur();
     });</script>

    Демонстрация примера:

[ наверх ]

Вопросы и ответы

Для чего используется .blur() в jQuery?

Устанавливает (или вызывает) обработчики JavaScript события blur (когда элемент теряет фокус ввода) для всех элементов набора jQuery.

Поиск по материалам

Начните вводить — поиск работает по заголовкам и тексту.

Esc — закрытьВсе материалы →