Détecter la touche Entrée dans un champ de saisie de texte

Question

J'essaie de faire une fonction si l'entrée est pressée pendant une entrée spécifique.

Qu'est-ce que je fais de mal ?

$(document).keyup(function (e) {
    if ($(".input1").is(":focus") && (e.keyCode == 13)) {
        // Do something
    }
});

Existe-t-il une meilleure façon de procéder qui dirait que, si l'on appuie sur la touche "entrée" sur .input1 fonctionnent ?

Answer 1

$(".input1").on('keyup', function (e) {
    if (e.key === 'Enter' || e.keyCode === 13) {
        // Do something
    }
});

// e.key is the modern way of detecting keys
// e.keyCode is deprecated (left here for for legacy browsers support)
// keyup is not compatible with Jquery select(), Keydown is.

Answer 2

Event.key === "Enter"

Plus récent et beaucoup plus propre : utiliser event.key . Plus de codes numériques arbitraires !

REMARQUE : Les anciennes propriétés ( .keyCode y .which ) sont dépréciés.

const node = document.getElementsByClassName("input1")[0];
node.addEventListener("keyup", function(event) {
    if (event.key === "Enter") {
        // Do work
    }
});

Style moderne, avec lambda et déstructuration

node.addEventListener("keyup", ({key}) => {
    if (key === "Enter") {
        // Do work
    }
})

Si vous devez utiliser jQuery :

$(document).keyup(function(event) {
    if ($(".input1").is(":focus") && event.key == "Enter") {
        // Do work
    }
});

Docs Mozilla

Navigateurs pris en charge

Answer 3

$(document).keyup(function (e) {
    if ($(".input1:focus") && (e.keyCode === 13)) {
       alert('ya!')
    }
 });

Ou simplement lier à l'entrée elle-même

$('.input1').keyup(function (e) {
    if (e.keyCode === 13) {
       alert('ya!')
    }
  });

Pour savoir de quel code clé vous avez besoin, utilisez le site web http://keycode.info

Answer 4

Essayez ceci pour détecter le Enter pressée dans une zone de texte.

$(function(){

$(".input1").keyup(function (e) {
    if (e.which == 13) {
        // Enter key pressed
    }
 });

});

Answer 5

Le meilleur moyen que j'ai trouvé est d'utiliser keydown ( le keyup ne fonctionne pas bien pour moi).

Note : J'ai également désactivé l'envoi du formulaire parce qu'en général, lorsque vous aimez faire certaines actions en appuyant sur la touche Entrée, la seule chose que vous n'aimez pas est d'envoyer le formulaire :)

$('input').keydown( function( event ) {
    if ( event.which === 13 ) {
        // Do something
        // Disable sending the related form
        event.preventDefault();
        return false;
    }
});