Cómo obtener la tecla Intro dentro de un cuadro de texto para activar una función y no el botón primero/predeterminado

Question

Estoy tratando de obtener la tecla Enter para activar una función cuando se presiona cuando está dentro de un cierto cuadro de texto, y no desencadenar la primera o el botón predeterminado

Se puede ver un ejemplo de lo que está sucediendo aquí: http://jsfiddle.net/cutsomeat/WZ6TM/1/

Si pulsa otra tecla aparecerá un cuadro de alerta con el código clave, sin embargo, si se pulsa la tecla Intro que la clave no obtendrá el cuadro de alerta con el código clave, pero más bien el cuadro de alerta dentro del evento de clic de botón.

Obviamente, la tecla Entrar activa el botón. ¿Hay alguna manera de evitar esto y, en su lugar, capturar la tecla Enter en el evento keyup y luego activar otra función?

Answer 1

Prueba esto:

$('#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

Para elementos vivos utilizan .on(), como a continuación:

$(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

Haz e.preventDefault() en keyDown para evitar la acción predeterminada del botón:

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

Answer 4

Uso .on() como .live() ha sido deprecated.

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