Placer le focus sur un <li> au démarrage

Bonjour à tous,

je souhaiterais placer un focus sur une balise <li> au démarrage.

J'ai testé plusieurs méthodes sans succès...

Merci pour vos réponses !

Salut,

C'est quoi le but ?

De mettre un lien actif suivant la page où l'on se situe ?

Cela permettra à mon menu qui est composé de <li> d'hériter de la classe focus au chargement de la page.

Je n'arrive pas à fixer un focus sur une balise <li>...

Merci pour votre aide

mfabbri54 a écrit :
Cela permettra à mon menu qui est composé de <li> d'hériter de la classe focus au chargement de la page.

Hein?

Le focus n'est pas une classe. Ou alors tu parles d'autre chose. D'où la question suivante:

mfabbri54 a écrit :
Je n'arrive pas à fixer un focus sur une balise <li>...

C'est quoi un focus?

Le focus permet de placer le curseur sur un champ ou une balise.

Avec la touche tab, le focus est déplaçable sur la page.

J'aimerais lui donner la position de départ dans le chargement de ma page sur ma balise <li>.

En fait, j'ai un menu déroulant vertical et j'aimerais que le focus soit sur le lien sur lequel on clique lors du chargement de la page.

Bonjour,
je donnerais à ton lien le tabindex="1" ainsi ce seras le premier élément selectionné dans ta page quand on emploie la touche tab

Je voudrais qu'il soit déjà sélectionné quand on arrive sur la page

Alors deux choses:

Du point de vue de l'ergonomie, ça me semble très bizarre comme fonctionnement, car inhabituel. Je ne suis pas sûr que ça serve à quoi que ce soit.

Du point de vue de la technique, et donc ici de JavaScript, il y a la méthode DOM element.focus(). Pour donner le focus à un élément focusable (par exemple un lien) qui porte l'identifant "test", cela donne:

document.getElementById('test').focus();

Bien sûr il ne faut pas essayer de donner le focus à cet élément avant que le DOM soit chargé.