Sto provando a fare una funzione se si preme enter mentre si è su un input specifico.

Cosa sto sbagliando?

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

Esiste un modo migliore per farlo, che direbbe se Invio premuto su .input1funzioni?

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


//keyup not compatible with Jquery select(), Keydown is.

event.key === "Invio"

Più recente e molto più pulito: usare event.key. Niente più codici numerici arbitrari!

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

Se devi usare jQuery:

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

Mozilla Docs

Browser supportati

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

O semplicemente associare l'input stesso

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

Per capire quale codice chiave è necessario, utilizzare il sito Web http://keycode.info

Prova questo per rilevare il Entertasto premuto in una casella di testo.

$(function(){

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

});

Potrebbe essere troppo tardi per rispondere a questa domanda. Ma il codice seguente impedisce semplicemente la chiave di invio. Basta copiare e incollare dovrebbe funzionare.

        <script type="text/javascript"> 
        function stopRKey(evt) { 
          var evt = (evt) ? evt : ((event) ? event : null); 
          var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null); 
          if ((evt.keyCode == 13) && (node.type=="text"))  {return false;} 
        } 

        document.onkeypress = stopRKey; 

        </script>

Il modo migliore che ho trovato è usare keydown( keyupnon funziona bene per me).

Nota: ho anche disabilitato l'invio del modulo perché di solito quando ti piace fare alcune azioni quando premi il tasto Invio l'unica cosa che non ti piace è inviare il modulo :)

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

La soluzione che funziona per me è la seguente

$("#element").addEventListener("keyup", function(event) {
    if (event.key === "Enter") {
        // do something
    }
});

Prova questo per rilevare il tasto Invio premuto in una casella di testo.

$(document).on("keypress", "input", function(e){
    if(e.which == 13){
        alert("Enter key pressed");
    }
});

DEMO

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

Questo codice ha gestito ogni input per me nell'intero sito. Verifica la chiave INVIO all'interno di un campo INPUT e non si ferma su TEXTAREA o in altri luoghi.

$(document).on("keydown", "input", function(e){
 if(e.which == 13){
  event.preventDefault();
  return false;
 }
});