Jak uzyskać klawisz Enter w polu tekstowym, aby uruchomić funkcję, a nie przycisk pierwszy/domyślny

Question

Próbuję uzyskać klawisz Enter, aby uruchomić funkcję, gdy zostanie naciśnięty, gdy znajduje się w określonym polu tekstowym, i nie uruchamia pierwszego lub domyślny przycisk.

można zobaczyć przykład tego, co się tu dzieje: http://jsfiddle.net/cutsomeat/WZ6TM/1/

Po naciśnięciu innych klawiszy dostaniesz okno alertu z kodu dostępu, ale po naciśnięciu klawisza, który nie dostanie powiadomienie pole Enter kod, ale raczej pole alertu w zdarzeniu kliknięcia przycisku.

Oczywiście klawisz Enter uruchamia przycisk. Czy istnieje sposób, aby tego uniknąć i zamiast tego, uchwycić klawisz Enter w zdarzenie keyup, a następnie uruchomić inną funkcję?

Answer 1

Spróbuj tego:

$('#myText').live("keypress", function(e) { 
     if (e.keyCode == 13) { 
      alert("Enter pressed"); 
      return false; // prevent the button click from happening 
     } 
}); 

Demo

Answer 2

$(document).ready(function() { 

    $('#myText').keypress(function(e) { 
     if (e.keyCode == 13) { // detect the enter key 
      $('#myButton').click(); // fire a sample click, you can do anything 
     } 
    }); 

    $('#myButton').click(function(e) { 
     alert('Button click activated!'); 
    }); 

}); 

DEMO

Dla elementów żywych używać .on() jak poniżej:

$(document).ready(function() { 

    $(document).on('keypress', '#myText', function(e) { 

     if (e.keyCode == 13) { // detect the enter key 
      $('#myButton').click(); // fire a sample click, you can do anything 
     } 
    }); 

    $(document).on('click', '#myButton', function(e) { 
     alert('Button click activated!'); 
    }); 

}); 

Answer 3

Czy e.preventDefault() w keyDown uniknąć domyślne działanie przycisku:

$('#myText').keydown(function(e) { 
    if (e.keyCode == 13) { 
     e.preventDefault(); 
    } 
    alert(e.keyCode); 
}); 

Answer 4

Zastosowanie .on() jak .live() został deprecated.

$(document).on("keypress", ".myText", function(e) { 
    if (e.which == 13) { 
     //do some stuff 
    } 
});