1、監(jiān)聽全局鍵盤按下事件，例如監(jiān)聽全局回車事件

$(document).keydown(function(event){
 if(event.keyCode == 13){
  alert('你按下了Enter'); 
 }
}); 

2、監(jiān)聽某個組件鍵盤按下事件，例如監(jiān)聽id為btn的button組件的回車按下事件

$("#btn").keydown(function(event){
 if(event.keyCode==13){
  alert('你按下了Enter');      
 }
});

3、如果是要監(jiān)聽組合鍵，例如監(jiān)聽ctrl+c

$(document).keyup(function(event){
　　if(event.ctrlKey && event.keyCode==67){
　　　　alert('你按下了CTRL+C')
　　}
});

4、詳細keyCode值列表

 js keyup、keypress和keydown事件 詳解

js keyup、keypress和keydown事件都是有關于鍵盤的事件

當一個按鍵被pressed 或released在每一個現(xiàn)代瀏覽器中，都可能有三種客戶端事件。

keydown event
keypress event
keyup event

keydown事件發(fā)生在鍵盤的鍵被按下的時候，接下來觸發(fā)keypress事件。 keyup 事件在按鍵被釋放的時候觸發(fā)。

這三個事件在頁面中的使用方法如下例：

<input id="testkeyevent" name="testkeyevent" onKeyUp="keyup()" />
<input id="testkeyevent" name="testkeyevent" onkeypress="keypress()" />
<input id="testkeyevent" name="testkeyevent" onkeydown="keydown()" />

對應的js函數(shù)：

function keyup(){ ...}
function keypress(){ ...}
function keydown(){ ...}

注意:

KeyDown觸發(fā)后，不一定觸發(fā)KeyUp，當KeyDown 按下后，拖動鼠標，那么將不會觸發(fā)KeyUp事件。
KeyPress主要用來捕獲數(shù)字(注意：包括Shift+數(shù)字的符號)、字母（注意：包括大小寫）、小鍵盤等除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜單鍵}、{開始鍵}和方向鍵外的ANSI字符
KeyDown 和KeyUp 通?？梢圆东@鍵盤除了PrScrn所有按鍵(這里不討論特殊鍵盤的特殊鍵）
KeyPress 只能捕獲單個字符
KeyDown 和KeyUp 可以捕獲組合鍵。
KeyPress 可以捕獲單個字符的大小寫
KeyDown和KeyUp 對于單個字符捕獲的KeyValue 都是一個值，也就是不能判斷單個字符的大小寫。
KeyPress 不區(qū)分小鍵盤和主鍵盤的數(shù)字字符。
KeyDown 和KeyUp 區(qū)分小鍵盤和主鍵盤的數(shù)字字符。
其中PrScrn 按鍵KeyPress、KeyDown和KeyUp 都不能捕獲。

在使用鍵盤的時候，通常會使用到CTRL+SHIFT+ALT 類似的組合鍵功能。對于此，我們如何來判定？

通過KeyUp 事件能夠來處理（這里說明一下為什么不用KeyDown，因為在判定KeyDown的時候，CTRL、SHIFT和ALT 屬于一直按下狀態(tài)，然后再加另外一個鍵是不能準確捕獲組合鍵，所以使用KeyDown 是不能準確判斷出的，要通過KeyUp 事件來判定 ）

這里簡單的列舉出CTRL+其它鍵的組合判定代碼：

private void Form3_KeyUp(object sender, KeyEventArgs e){
if (e.Control){
MessageBox.Show("KeyUp:Ctrl+" + e.KeyValue.ToString());
}
}

捕獲PrScrn按鍵事件

通過一種鉤子的方式可以判定PrScrn 按鍵事件，鉤子可以獲取任何鍵盤事件。
以下是一些鍵盤上的鍵對應的Code：以下是一些鍵盤上的鍵對應的Code：

總結

以上所述是小編給大家介紹的使用JS監(jiān)聽鍵盤按下事件（keydown event），希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！

最新評論