首頁 > web前端 > js教程 > 在jquery怎麼使用鍵盤事件

在jquery怎麼使用鍵盤事件

php中世界最好的语言
發布: 2018-04-19 14:44:13
原創
1750 人瀏覽過

這次帶給大家在jquery怎麼使用鍵盤事件,在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();  
}) ;
登入後複製

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:



#

以上是在jquery怎麼使用鍵盤事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板