實例詳解jquery 鍵盤事件的使用方法

本文主要介紹了jquery 鍵盤事件的使用方法詳解的相關資料,主要介紹keydown()、keyup()、keypress()等三種方法，需要的朋友可以參考下，希望能幫助到大家。

jquery 鍵盤事件的使用方法詳解

jQuery處理鍵盤事件有三個函數,依事件發生的順序分別是:

jquery 程式碼：

1.  keydown();
2.  keyup(); 
3.  keypress();  

keydown( )

keydown事件會在鍵盤按下時觸發,可以在綁定的函數中歐能夠返回false來防止觸發瀏覽器的預設事件. 

#keyup()

keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事件. 

keypress( )

keypress事件會在敲擊按鍵時觸發,我們可以理解為按下並抬起同一個按鍵. 

鍵盤事件可以傳遞一個參數event,其實說有的jQuery事件函數中都可以傳遞這麼一個參數: 

#jquery 程式碼：

##

$('input').keydown(function(event){  
    alert(event.keyCode);  
});

上面程式碼中的,event.keyCode就可以幫助我們取得到我們按下了什麼按鍵,他回傳的是ascII碼,比如說上下左右鍵,分別是38,40,37,39 

#如果我們要實作ctrl+Enter就是ctrl+回車提交表單

#

$(document).keypress(function(e) {  
   if (e.ctrlKey && e.which == 13)
   $("form").submit();  
}) ;

相關推薦：

js中鍵盤事件的簡單說明

jQuery鍵盤事件keydown與keypress的差異詳解

##javascript/jquery鍵盤事件介紹

#

以上是實例詳解jquery 鍵盤事件的使用方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！