Enlazar el cuadro de texto a la tecla 'enter'

Question

Necesito vincular la tecla 'enter' en el teclado con un método de JavaScript específico, pero SOLO cuando un determinado campo de texto está en foco.

<input id="post" type="text" style="width:400px;"/> 

¿Cómo haré esto?

Sé que puede hacerlo con formularios y cosas que tienen una acción de envío, pero ¿puedo vincular la tecla 'enter' a una función específica cuando este campo de arriba input está enfocado?

Answer 1

$("#post").focus(function() { 
    $(this).data("hasfocus", true); 
}); 

$("#post").blur(function() { 
    $(this).data("hasfocus", false); 
}); 

$(document.body).keyup(function(ev) { 
    // 13 is ENTER 
    if (ev.which === 13 && $("#post").data("hasfocus")) { 
     ... 
    } 
}); 

le recomiendo que en vez enlaza el caso ENTER keyup en su entrada $("#post") directamente en lugar de detectar el evento en la página entera.

Answer 2

Simplemente vincula el evento onkeyup a la entrada en cuestión. No necesita preocuparse por verificar el foco en absoluto, porque por definición esa entrada solo recibirá eventos de teclado cuando tenga foco.

Asumo jQuery es bien ya ha incluido la etiqueta en su pregunta, por lo que dentro de su documento manejador listo hacer algo como esto:

$("#IDforyourcontrol").keyup(function(ev) { 
    // 13 is ENTER 
    if (ev.which === 13 && /*whatever other conditions you care about*/) { 
     // do something 
    } 
});