Содержание:
.on( "focusout" [, eventData ], handler )Возвращает: jQuery
Описание: Связывает обработчик событий с событием "focusout".
-
версия добавлена: 1.7.on( "focusout" [, eventData ], handler )
Эта страница описывает событие focusout. Для устаревшего метода .focusout(), см. .focusout().
Событие focusout отправляется элементу, когда он или любой элемент внутри него теряет фокус. Это отличается от события blur тем, что оно поддерживает обнаружение потери фокуса дочерними элементами (иными словами, оно поддерживает всплытие событий).
Это событие, скорее всего, будет использоваться вместе с событием focusin.
Пример:
Отслеживайте потерю фокуса внутри абзацев и обратите внимание на разницу между счетчиком focusout и счетчиком blur. (Счетчик blur не меняется, потому что эти события не всплывают.)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>on demo</title>
<style>
.inputs {
float: left;
margin-right: 1em;
}
.inputs p {
margin-top: 0;
}
</style>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
<div class="inputs">
<p>
<input type="text"><br>
<input type="text">
</p>
<p>
<input type="password">
</p>
</div>
<div id="focus-count">focusout fire</div>
<div id="blur-count">blur fire</div>
<script>
var focusout = 0,
blur = 0;
$( "p" )
.on( "focusout", function() {
focusout++;
$( "#focus-count" ).text( "focusout fired: " + focusout + "x" );
} )
.on( "blur", function() {
blur++;
$( "#blur-count" ).text( "blur fired: " + blur + "x" );
} );
</script>
</body>
</html> Демо:
.trigger( "focusout" )Возвращает: jQuery
Описание: Вызывает событие "focuout" на элементе.
-
версия добавлена: 1.0.trigger( "focusout" )
- "focusout"Тип: строкаСтрока
"focusout".
-
См. описание для .on( "focusout", ... ).
