這次帶給大家在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中文網其他相關文章!