Comment voulez-vous faire un div “tabbable”?
J'ai des boutons qui sont les éléments div et je veux faire en sorte qu'il est possible pour l'utilisateur d'appuyer sur la touche tab du clavier, et de les déplacer entre eux. J'ai essayé d'emballage de leur texte de l'ancre de balises, mais il ne semble pas fonctionner.
Quelqu'un aurait-il une solution?
- Vous souhaitez onglet entre les boutons? Ou les divs?
- Si l'ancre a une
href
attribut de travail. Il peut ou peut ne pas être approprié d'utiliser le balisage, à moins que l'élément activable fait réellement quelque chose. - La Question a été posée stackoverflow.com/questions/3059203/tab-index-on-div
- Merci, le href solution qui fonctionne le mieux! Tim, si vous fournir une réponse, je l'accepterai.
Vous devez vous connecter pour publier un commentaire.
Ajouter
tabindex
des attributs à votrediv
éléments.Exemple:
Par steveax commentaire, si vous ne voulez pas que l'ordre de tabulation de s'écarter de l'emplacement de l'élément est dans la page, définissez la
tabindex
à0
:tabindex=0
mais afin de ne pas la boue avec le naturel de l'ordre de tabulation.pour ceux qui sont intéressés, en plus de la accepté de répondre, vous pouvez ajouter le suivant jquery pour faire de la div style de changement lors de l'onglet, et également gérer l'Entrée et de l'Espace pour déclencher un clic (puis de cliquer sur le gestionnaire fera le reste)
Je suis sûr que quelqu'un a fait un jq plugin $().makeTabStop
Ajouter le
tabindex="0"
attribut pour chaque div vous voulez tabbable. Puis utiliser les CSS pseudo classe :hover et :focus, par exemple pour indiquer à l'application de l'utilisateur que la div est la mise au point et cliquable, par exemple. L'utilisation de JavaScript pour gérer le clic.JS:
CSS:
HTML:
Rendre les éléments tabbable et cliquable avec une touche à l'aide de jquery
Hypothèses
Exemple de code html:
Jquery code:
C'est le code qui sera exécuté lorsque la page est chargée. Il a besoin pour s'exécuter sur votre page HTML.
Vous pouvez trouver un exemple de travail ici.