Данный метод сокращенный аналог .bind('focusin', handler). Событие focusin возникает в случае передачи фокуса элементу или элементам расположенным внутри него. Это основное отличие от события focus, при использовании данного метода фокус передаётся только родительскому элементу. Данное событие вероятнее всего необходимо использовать с событием focusout.
Пример:
$("p").focusin(function() {
$(this).find("span").css('display','inline').fadeOut(1000);
});
<p><input type="text" /> <span>focusin fire</span></p> <p><input type="password" /> <span>focusin fire</span></p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("p").focusin(function() { $(this).find("span").css('display','inline').fadeOut(1000); }); }); </script> </head> <body class="iframe"> <p><input type="text" /> <span>focusin fire</span></p> <p><input type="password" /> <span>focusin fire</span></p> </body> </html> <style> </style>