[JavaScript] [FAQ] Donner le focus à un element

[FAQ] Donner le focus à un element

Puisque les gens se posent la question sur le comment placer le curseur le de texte dans un champ juste après le chargement de la page comme dans google par exemple, voici ma petite contrib.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <html> <head> <script language="JavaScript" type="text/javascript"> window.onload = function() { document.forms["f"].elements["first"].focus(); }; </script> </head> <body> <form name="f"> <input type="text" name="first" value="votre mot ici" /> </form> </body> </html>

correction

merci d'éviter de continuer à utiliser les anciennes techniques de DOM et de montrer aux débutant comment on parcoure proprement un DOM
d'où l'utilisation de l'id et de document.getElementById notamment :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <html> <head> <script language="JavaScript" type="text/javascript"> window.onload = function() { document.getElementById('fieldToFocus').focus(); }; </script> </head> <body> <form name="f"> <input type="text" id="fieldToFocus" name="first" value="votre mot ici" /> </form> </body> </html>

Merci Gatsu35,

j'ai pas trop le goût du DOM, je ferais des efforts à l'avenir! :king:

sauf que le window.onlaod ne fonctionne pas toujours !
Code:

1 2 3 4 5 6 7 8 9 10 <html> <head> </head> <body onload=" document.getElementById('first').focus();"> <form name="f"> <input type="text" name="first" value="votre mot ici" id="first"/> </form> </body> </html>
Edit ...
comme on doit donner le focus à un élément précis, autant passer par l'id ...

Mon idée était de séparer le JS et le html
plus simple oui :king: