JQuery按鍵與keydown事件捕獲所有鍵碼

Question

我試圖捕獲我的JQuery應用程序的所有關鍵事件。當使用​​事件時，我可以獲得輸入和選項卡事件，但所有字母均爲大寫。所以，我試圖切換到keypress，我聽說是較低的大寫字母。這工作，除了它不會捕獲進入和標籤事件了。有兩全其美嗎？我如何可以捕獲所有事件，區分大小寫包括像輸入鍵，Tab鍵，Shift，Alt等

Answer 1

在按鍵按下事件，與事件調用此方法作爲參數，並添加這一行，

e.preventDefault() 

這將暫停操作。

謝謝，

Answer 2

如何做到這一點？

$(window).on('keydown keypress', function(e) { 
    e.preventDefault(); 
    var code = e.keyCode || e.which; 
    console.log(code); 
}); 

什麼這在理論上應該做的是防止其他事件被解僱，而是因爲我們呼籲雙方的keydown和按鍵，其中一人肯定會被解僱。現在這可能會對代碼的其餘部分產生負面影響，所以請謹慎使用它。

Answer 3

希望這有助於你正在嘗試做

$(document.body).on('keypress', function(e) { 
    var keycode = e.keyCode; 

    var valid = 
    (keycode > 47 && keycode < 58) || // number keys 
    keycode == 32 || keycode == 13 || // spacebar & return key(s) (if you want to allow carriage returns) 
    (keycode > 64 && keycode < 91) || // letter keys 
    (keycode > 95 && keycode < 112) || // numpad keys 
    (keycode > 185 && keycode < 193) || // ;=,-./` (in order) 
    (keycode > 218 && keycode < 223); // [\]' (in order) 
    if (valid) { 
    console.log(keycode + ' keypress'); //printable char on keypress 
    } 

}); 

$(document.body).on('keyup', function(e) { 
    var keycode = e.keyCode; 
    var valid = 
    (keycode > 47 && keycode < 58) || // number keys 
    keycode == 32 || keycode == 13 || // spacebar & return key(s) (if you want to allow carriage returns) 
    (keycode > 64 && keycode < 91) || // letter keys 
    (keycode > 95 && keycode < 112) || // numpad keys 
    (keycode > 185 && keycode < 193) || // ;=,-./` (in order) 
    (keycode > 218 && keycode < 223); // [\]' (in order) 
    if (!valid) { 
    console.log(keycode + ' keyup'); //non printable char on keyup 
    } 
}); 

有可見字符驗證從這個SO link

Answer 4

$(".num").keypress(function (e) { 
    console.log('[keypress] key' + e.key + ' keyCode' + e.keyCode + ' which' + e.which); 
    var kc = e.keyCode || e.which; 
    if (kc < 48 || kc > 57)/* number keys*/ { 
     //$.alertme('no'); 
     if (e.preventDefault) { 
      e.preventDefault(); 
      console.log('[keypress] preventDefault'); 
     } else { 
      e.returnValue = false; 
      console.log('[keypress] returnValue'); 
     } 
    } 
    //$.alertme('ok'); 
    //var re = /[0-9]/.test(e.key);//not working android browser 
    //if (!re) { 
    // if (e.preventDefault) { 
    //  e.preventDefault(); 
    // } else { 
    //  e.returnValue = false; 
    // } 
    //} 
}); 

檢查僅數 添加NUM類輸入文字