獲取.VAL（）*不* KEYUP

Question

我正在寫一個修正部件到一個文本區圖書館，所以我需要在用戶開始輸入的東西來檢測：

this.$input.bind('keydown keyup', function() { 
    if (this.$input.val() == …) { … } 
} 

的.val()只有在觸發keyup時纔會更新。這太拖延了。我想知道​​上的輸入框的狀態。你知道一個改善.val()的圖書館嗎？

Answer 1

Found a seemingly perfect solution。使用上述的HTML5 oninput和onpropertychange for IE的回退。輝煌。太棒了。其他快樂的話。

Answer 2

太遲了？無法想象10ms會產生很大差異的場景，但您可以始終檢查事件參數並從那裏獲取字符。或嘗試keypress。

編輯：還有input event只要輸入發生變化（在鍵值之前，但值改變之後）就會被觸發;

Answer 3

以確定在​​/keypress字符的唯一方法是通過使用event.keyCode或event.which屬性（其中event是一個對象，作爲第一個參數事件監聽器函數傳遞）。

交換keypress事件的事件。該按鍵被按下時，該事件監聽器被觸發。​​和keyup只發射一次。在​​/keyup事件中，可能已添加多個字符。

Answer 4

對於按鍵（例如「a」鍵），將「a」附加到文本輸入之前觸發​​事件。您可以檢測事件類型，以及.keyCode（或.which）事件屬性是否是可打印範圍內的鍵，並嘗試預測keyup事件後可能返回的內容，但這是個壞主意。

this.$input.bind('keydown keyup', function(e) { 
    var val = this.$input.val(); 

    if (e.type == 'keydown') { 
     // Here is where you would check to see if e.keyCode was a printable 
     // character. Note that key codes differ from ASCII codes. For 
     // example, the "a" key will return key code 65, which is actually 
     // the ASCII code for "A", so you would need to check for the presence 
     // of shift keys and such. Again, this is a bad idea :) 
     val += String.fromCharCode(e.keyCode); 
    } 

    if (val == …) { … } 
}