Fonction OnClick jQuery accessible via le clavier

Il vous ait peut être déjà arrivé de mettre en place une fonction onClick sur un élément autre qu’un lien (un lien n’en a d’ailleurs pas besoin). Je veux plutôt parler d’éléments comme des button, div ou des td par exemple.

<td tabindex="0" id="test">Cliquez pour valider</td>

 

Pas commun me direz-vous mais ça arrive de temps en temps. Le tabindex à zéro indique que vous le focus de l’élément ne se fera qu’après tous les autres éléments qui possèdent aussi un tabindex dans la page. Si c’est le seul élément, il sera le premier sélectionnée.

Donc notre fonction onClick est :

$("#test").on("click", function(e) {
    // code
});

 

Et la version compatible avec le clavier donne (à rajouter à la suite) :

$("#test").on("keydown", function(e) {
    if(e.which === 13) {
        $(this).click();
    }
});

 

Notez qu’utiliser directement un lien (a) évite d’ajouter ce code supplémentaire.

jquery

Supprimer le nom de la boutique Prestashop du title
Bordure sur des éléments en float 50% sans décallage

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *