jQuery функция .focusin()

Раздел: Работа с формой

Описание: Привязывает обработчик события к событию focusin JavaScript. Следит за фокусом на странице.

Функция выполняется каждый раз, когда вызывается событие focus.

Событие focusin передает элемент, когда он, или какой-либо элемент внутри него, получает фокус. Оно отличается от события focus в том, что оно поддерживает обнаружение события фокус на родительские элементы.

Пример

html:
<p><input type="text"></p>
javascript:
$("p").focusin(function() {
 // ваш обработчик события
 });

focusin fire

focusin fire

Полный листинг примера

html:
<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>focusin demo</title>
 <style>
 span {
 display: none;
 }
 </style>
 <script src="https://code.jquery.com/jquery-1.10.2.js"></script >
</head>
<body>
<p><input type="text"> <span>focusin fire</span></p>
<p><input type="password"> <span>focusin fire</span></p>
<script>
$( "p" ).focusin(function() {
 $( this ).find( "span" ).css( "display", "inline" ).fadeOut( 1000 );
});
</script >
</body>
</html>