Comment changer le focus de tabulation pour javascript

Ouvrez votre page Web en utilisant le Bloc-notes ou votre éditeur HTML.

Ajouter ce code à la section du document HTML:

Ajoutez le code javascript suivant à la "" section du document:

Le bouton appelle cette fonction. La première ligne définit la variable "elementToChange." Dans cet exemple, vous réinitialiser l'index de l'onglet de la deuxième zone de texte (Texte2). La deuxième ligne définit comme l'un que l'indice de l'onglet. La troisième ligne obtient une référence à la deuxième zone de texte. La quatrième ligne modifie l'indice de l'onglet de la boîte de texte à un. Cela va changer l'ordre de tabulation à quatre, un, deux et trois parce que la deuxième zone de texte gagnera premier foyer.

Enregistrez le document. Ouvrez l'Explorateur Windows et recherchez le fichier. Double-cliquez dessus. Votre navigateur va ouvrir. Placez votre curseur dans la barre d'adresse du navigateur.

Appuie sur le "Tab" jusqu'à ce que le curseur se déplace vers la première zone de texte. Continuez à appuyer sur la "Tab" clé. Le curseur se déplace vers les zones de texte dans l'ordre par défaut: un, deux, trois et quatre.

Placez votre curseur dans la barre d'adresse du navigateur.

Clique le "Changer onglet Mise au point" bouton. Il va appeler la fonction javascript. La fonction permet de réinitialiser l'onglet accent sorte que les deuxièmes gains de zone de texte se concentrent en premier.

Appuyez sur la touche de tabulation jusqu'à ce qu'il se déplace vers les zones de texte. Notez qu'il se déplace à la deuxième zone de texte premier et saute la première zone de texte.

Appuyez sur la touche de tabulation et notez qu'il passe à la troisième zone de texte, la quatrième zone de texte, puis à la première zone de texte. Le nouvel ordre de tabulation est maintenant de quatre, un, deux et trois.