Comment détecter l'appui sur la touche Entrée du clavier à l'aide de jQuery ?

Question

Je voudrais détecter si l'utilisateur a appuyé sur Enter en utilisant jQuery.

Comment cela est-il possible ? Faut-il un plugin ?

EDIT : Il semble que je doive utiliser la fonction keypress() méthode.

Je voulais savoir si quelqu'un sait s'il y a des problèmes de navigateur avec cette commande - comme des problèmes de compatibilité de navigateur que je devrais connaître ?

Answer 1

L'intérêt de jQuery est que vous n'avez pas à vous soucier des différences entre les navigateurs. Je suis presque sûr que vous pouvez utiliser en toute sécurité enter étant 13 dans tous les navigateurs. Donc avec ça en tête, vous pouvez faire ça :

$(document).on('keypress',function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

Answer 2

J'ai écrit un petit plugin pour faciliter la liaison de l'événement "on enter key pressed" :

$.fn.enterKey = function (fnc) {
    return this.each(function () {
        $(this).keypress(function (ev) {
            var keycode = (ev.keyCode ? ev.keyCode : ev.which);
            if (keycode == '13') {
                fnc.call(this, ev);
            }
        })
    })
}

Utilisation :

$("#input").enterKey(function () {
    alert('Enter!');
})

Answer 3

Je n'ai pas réussi à faire fonctionner le code posté par @Paolo Bergantino, mais lorsque je l'ai modifié en $(document) y e.which au lieu de e.keyCode puis j'ai constaté qu'il fonctionnait parfaitement.

$(document).keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

Lien vers l'exemple sur JS Bin

Answer 4

J'ai trouvé que cela était plus compatible avec les différents navigateurs :

$(document).keypress(function(event) {
    var keycode = event.keyCode || event.which;
    if(keycode == '13') {
        alert('You pressed a "enter" key in somewhere');    
    }
});

Answer 5

Il y a un appuyez sur la touche() la méthode de l'événement. Le numéro ascii de la touche Entrée est 13 et ne dépend pas du navigateur utilisé.