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();
    
})