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>