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>