将文本框绑定到“输入”键

Question

我需要将键盘上的“输入”键绑定到特定的javascript方法，但只有当某个文本字段处于焦点状态时。

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

我该怎么做？

我知道你可以使用表单和提交动作的东西来做到这一点，但是当上面的input字段处于焦点时，我可以将“输入”键绑定到特定函数吗？

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")) { 
     ... 
    } 
}); 

我建议你，而不是绑定的ENTER keyup事件您$("#post")直接输入而不是整个页面上的事件监听。

Answer 2

只需将onkeyup事件绑定到有问题的输入即可。您根本不必担心检查焦点，因为根据定义，输入只有在焦点时才会接收键盘事件。

我认为jQuery是OK，因为你包括在你的问题的标签，所以在您的文档准备好处理程序做这样的事情：

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