J'ai une liste d'objets avec la liste UL LI qui construisent via une fonction de carte, on dirait -
|A|B| |C|D| |E|F|
3 Réponses :
Aussi loin que je sache que vous pouvez utiliser Tabindex Pour déplacer entre les éléments avec la clé de tabulation. Si vous souhaitez utiliser des touches personnalisées - comme les touches fléchées - vous devez utiliser JavaScript. Et il y a un déjà répondu à la question ici , qui utilise jQuery mais vous pouvez le transformer en pure javascript très facilement.
essayez ceci pour réagir
https://www.npmjs.com/package/use -keyboard -list-navigation
Vous pouvez également apprendre de ce tutoriel angulaire
Je vais vous suggérer que vous utilisez la NavLink fournie par React-Router-Dom (Mind You, réagir est déclarative par nature et la nature déclarative de réacte rend beaucoup de structures accessibles car elles ont pris soin de beaucoup de choses Et l'étiquette d'ancrage n'est qu'une d'entre elles, par exemple le lien de navigation dont vous parlez en ce moment. Alors, pourquoi faire de la navigation impériatoire?
Donc, mon conseil est donc pour vous d'utiliser NAVLINK: I Utilisez le routeur réagissant pour mon routage, vous pouvez donc la voir via ici "https://reactrouter.com/ Web / API / NavLink " p>
Point de bonus: p>
Le meilleur endroit que j'ai personnellement utilise la balise d'ancrage ( CODE>) IMPERATIVE est quand je souhaite concevoir un site Web à la suite de la norme W3C, j'essaie de déplacer la mise au point de l'utilisateur directement sur la page principale lorsqu'il a touché le fichier entré-kee.g: P> <a href="#main">Skip to main content</a>