Rendre un <div> cliquable accessible via la structure des onglets?

Question

Je travaille donc sur un projet qui nécessite un <div> avec un événement onclick. J'ai la fonctionnalité principale qui fonctionne, mais il y a un problème. J'ai besoin que l'événement onclick se produise lorsque l'utilisateur accède au <div> et appuie sur enter. J'ai ajouté un tabindex au <div> ce qui lui permet de se concentrer, mais rien ne se passe lorsque l'utilisateur appuie sur Entrée (ou sur toute autre touche).

Est-ce que quelqu'un peut m'aider avec ça? Ou est-ce que je ne veux même pas possible?

Voici un jsfiddle démontrant mon problème. http://jsfiddle.net/logiwan992/suwq7r09/

Merci d'avance pour toute aide.

Answer 1

Essayez de lier l'événement keypress sur ladite div et détectez si la touche Enter a été enfoncée (qui a le numéro de code 13).

var div = document.getElementsByTagName('div');
div[0].addEventListener('keypress', function(e) {
    if(e.keyCode == 13) {
        alert('div focused');   
    }
});

JSFiddle de travail

---

Vous pouvez également utiliser jQuery également:

jQuery(function($) {

    $('div').on('keypress', function(e) {
        if(e.keyCode == 13) {
            alert('div focused'); 
        }
    });

});

JSFiddle de travail