Comment définir le focus sur une zone de texte lors d'un événement de chargement de page

Question

J'essaie de définir le focus sur la zone de texte de l'événement de chargement de la page. J'ai essayé de nombreuses solutions en me référant à l'identifiant de l'élément, mais je n'ai pas pu mettre l'élément en évidence. Plus tard, quand j'inspecte l'élément en utilisant firebug, j'ai trouvé pour le même élément que l'id change dans une exécution différente. Je cherche la solution la plus simple en utilisant javascript ou jquery pour atteindre cet

<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

Utilisez

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

pendant document prêt.

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 

espère que cela vous aidera ..

Answer 3

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

devrait se concentrer l'élément d'entrée avec la classe « sélectionnée » sur chargement de la page.

Answer 4

En utilisant jquery, ce saisiront le premier enfant d'entrée du #form:

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

Answer 5

Selon whatwg.org l'attribut autofocus HTML5 est disponible uniquement dans Opera au moment, mais sera adopté par d'autres navigateurs à l'avenir .

<input type="text" autofocus /> 

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