Ловим потерю фокуса. Метод blur() в jQuery


Метод blur() в jQuery позволяет назначить для определенного элемента на странице обработчик, который будет вызван как только будет потерян фокус с данного элемента. Первоначально это событие относилось преимущественно к элементам формы — тегам input, однако последние версии браузеров способны обрабатывать данное событие практически для всех видов DOM-элементов.

Метод blur(), по сути, это укороченная альтернатива использования метода .on( «blur», handler ).

Синтаксис имеет две вариации:

1
.blur(handler)

где handler — функция-обработчик события.

Также есть вариант с двумя параметрами, где первый — eventData — это данные любого допустимого типа, которые могут быть переданы функции обработчику:

1
.blur([eventData], handler)

Рассмотрим пример с простой формой:

1
2
3
<form>
  <input id="test" type="text" value="Тестовое поле">  
</form>

Добавляем обработчик к полю с id «test», который вызовется при потере фокуса (будет выведено сообщение).

1
2
3
$( "#test" ).blur(function() {
  alert( "Фокус потерян!" );
});




Другие посты

Категория: jQuery

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