Donner le focus lors de la frappe

Bonjour à tous,

Je voulais savoir si c'était possible de donner dans une page le focus à un champ lorsque l'utilisateur frappe sur le clavier ?

C'est à dire qu'il se trouve sur la page et dès qu'il appuie sur une touche, il arrive dans le champ que j'ai choisi.

Merci d'avance

Je vois deux solutions, il y en a peut-être encore d’autres.

1. Ajoute un attribut autofocus à ton champ. C’est la solution la plus facile. Ton champ aura automatiquement le focus au chargement de la page.

2. Surveille l’évènement keypress sur l’objet document ou window (les deux marchent, je ne sais plus lequel est le mieux). Mais attention aux subtilités : il faut annuler le comportement par défaut de l’évènement, par exemple si l’utilisateur a choisi « lancer automatiquement une recherche lors de la saisie de texte » dans les préférences de son navigateur ;

• mais il ne faut pas annuler l’évènement si le focus est actuellement sur un champ de formulaire (vérifier document.activeElement) ;
• il ne faut pas non plus annuler si la touche pressée n’est pas un caractère (par exemple F5 – vérifier la propriété charCode de l’objet évènement.

De plus, il faut ajouter à la main le caractère qui vient d’être tapé, dans le cas où l’input n’avait pas encore le focus.

Tu aurais des pistes de codes ?

Yep ! Mais pas avant que tu me montres ce que tu as essayé de ton côté ;)