Query鍵盤事件簡單介紹

鍵盤事件應該很好理解，就是按下或者鬆開鍵盤按鍵所觸發的事件，在實際應用中也算是比較常用，下面就來介紹一下，希望能夠給需要的朋友帶來一定的幫助。

一.常用的鍵盤事件:

(1).keydown事件:

此事件當鍵盤按鍵被按下時觸發。

(2).keyup事件:

此事件會在被按下的按鍵被鬆開的時候觸發。

(3).keypress事件:

此事件會在鍵盤按鍵被按下後再被鬆開時觸發，也就是一個完整的按下+鬆開操作。

以上幾個事件這裡就不多介紹了，具體可以參閱:

1.keydown事件可以參閱jQuery keydown事件一章節。

2.keyup事件可以參閱jQuery keyup事件一章節。

3.keypress事件可以參閱jQuery keypress事件一章節。

二.獲取鍵盤的按鍵物件的ASCII碼:

鍵盤事件一般要知道哪個鍵被按下或者鬆開以執行相應的操作，看一段程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
$(document).keydown(function(e){ 
  e.which; 
});

由以上程式碼可以看出通過事件物件的keyCode屬性可以獲取物件的按鍵碼。

which屬性可以參閱jQuery event.which屬性一章節。

按鍵碼物件可以參閱js的鍵盤按鍵keyCode屬性值對應表一章節。

三.簡單的應用例項:

不少的文字框都有這樣的功能，當點選ctrl+enter鍵的時候能夠提交文字框中的內容。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
$(document).keypress(function(e){ 
  if(e.ctrlKey&&e.which==13)
  {
    $("form").submit(); 
  } 
})

以上程式碼點選ctrl+enter鍵能夠提交表單。