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

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

Описание: Привязывает обработчик события к событию focus JavaScript, или вызывает данное событие на элемент.

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

Применимо к ограниченному набору элементов, таких как элементы формы (<input>, <select>, и так далее) и ссылки (<a href>).

Элементы с фокусом, как правило, подчеркиваются каким либо образом в браузере, например, пунктирной линией вокруг элемента. Фокус используется, чтобы определить, какой элемент является активным

Примеры:

css:
:focus{background: #FC0}
html:
<div>
 <p><input id="input" type="text" value="Кликни по мне"> <span id="infofocus"></span></p>
 <p><input class="button" id="gofocus" type="button" value="Установить focus"></p> 
</div>
javascript:
// Обработчик 
$( "#input" ).focus(function() { 
 $("#infofocus").text('Обработчик для .focus() выполнен.')
});
$("#gofocus").click(function(){
 // Установить focus
 $( "#input" ).focus();
})