將文本框綁定到「輸入」鍵

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 
    } 
});