Cómo detectar cuando el usuario presiona Intro en un campo de entrada

Question

Solo tengo 1 campo de entrada y deseo registrar el evento Change y onKeyPress para detectar cuándo los usuarios finalizan su entrada o presionar la tecla Enter. Necesito usar javascript solamente. Gracias por la ayuda.

que tengo:

var load = function(){ 
    //I want to trigger this function when user hit Enter key. 
} 

document.getElementById('co').onchange=load; //works great 
document.getElementById('co').onKeyPress=load; 
//not sure how to detect when user press Enter 

html

//no form just a single input field 
<input type='text' id='co'> 

Answer 1

document.getElementById('foo').onkeypress = function(e){ 
    if (!e) e = window.event; 
    var keyCode = e.keyCode || e.which; 
    if (keyCode == '13'){ 
     // Enter pressed 
     return false; 
    } 
    } 

DEMO

Answer 2

Aquí es un buen enlace que trata sobre este tema y proporciona ejemplos de trabajo a

function DetectEnterPressed(e) { 
var characterCode 
if(e && e.which){ // NN4 specific code 
e = e 
characterCode = e.which 
} 
else { 
e = event 
characterCode = e.keyCode // IE specific code 
} 
if (characterCode == 13) return true // Enter key is 13 
else return false 
} 

http://hspinfo.wordpress.com/2008/09/01/using-javascript-detect-enter-key-pressed-event-in-a-textbox-and-perform-the-action/

Answer 3

utilizar el event.keyCode

var code = (e.keyCode ? e.keyCode : e.which); 
if(code == 13) { //Enter keycode 
    //Do something 
} 

Ya existe una discusión en este enlace jQuery Event Keypress: Which key was pressed?

Answer 4

Para que sea navegadores:

document.getElementById('foo').onkeypress = function(e) { 
    var event = e || window.event; 
    var charCode = event.which || event.keyCode; 

    if (charCode == '13') { 
     // Enter pressed 
     return false; 
    } 
} 

ver este pregunta para más detalles: javascript event e.which?

Answer 5

utilizo este código y funciona bien:

document.getElementById("theIdHere").onkeypressed = 
function() { 
    if(this.event.which === 13) 
     console('passed'); 
} 

Answer 6

Ninguna de estas respuestas hasta el momento responder específicamente a esta pregunta. La pregunta está en 2 partes. 1. Entrar es presionado. 2. Los usos se centran en una entrada.

$('#input-id').on("keyup", function(e) { 
    if (e.keyCode == 13) { 
     console.log('Enter'); 
    } 
}); 

De esta forma, ENTER solo se detecta cuando el usuario presiona ENTRAR desde esa entrada.

Answer 7

Más reciente y mucho más limpio: use event.key en lugar de event.keyCode. ¡No más códigos de números arbitrarios!

const node = document.getElementById('co'); 
node.addEventListener('keydown', function onEvent(event) { 
    if (event.key === "Enter") { 
     return false; 
    } 
}); 

Mozilla Docs

Supported Browsers