Как установить фокус на текстовое поле на событие загрузки страницы

Question

Я пытаюсь установить фокус на текстовое поле на событие загрузки страницы. Я пробовал много решений, ссылаясь на идентификатор элемента, но не смог сфокусировать элемент. Позже, когда я проверяю элемент с помощью firebug, который я нашел для того же элемента, идентификатор изменяется в другом исполнении. Я ищу простейшего решения с помощью JavaScript или JQuery для достижения этой

<h:form id="form"> 
     <rich:dataTable value="#{books}" var="book"> 
     <ui:repeat value="#{authors}" var="author"> 
      <h:inputText value="#{author.name}"/> 
     </ui:repeat> 
     </rich:dataTable> 
</h:form> 

Answer 1

Использование

$('#form :input:visible:enabled:first').focus(); 

во время документа готов.

Answer 2

Private Sub SetFocus(ByVal ctrl As Control) 
' Define the JavaScript function for the specified control. 
Dim focusScript As String = "<script language='javascript'>" & _ 
"document.getElementById('" + ctrl.ClientID & _ 
"').focus();</script>" 

' Add the JavaScript code to the page. 
Page.RegisterStartupScript("FocusScript", focusScript) 
End Sub 

надеюсь, что это поможет вам ..

Answer 3

$(document).ready(function(){ 
    $('input.selected').focus(); 
});  

Если фокус ввода элемента с классом «выбранным» на загрузка страницы.

Answer 4

Использование JQuery, это будет захватить первый входной дочерний #form:

$('#form input:eq(0)').focus(); 

Answer 5

Согласно whatwg.org атрибут автофокусировка HTML5 доступен только в Opera на данный момент, но будет принята другими браузерами в будущем ,

<input type="text" autofocus /> 

<script> 
    // jQuery 
    $(function(){ 
     if(!("autofocus" in document.createElement("input"))){ 
      $("input[autofocus]:eq(0)").focus(); 
     } 
    }); 
</script>