jquery 鍵盤事件的使用方法詳解
jquery 鍵盤事件的使用方法詳解
jQuery處理鍵盤事件有三個(gè)函數(shù),根據(jù)事件發(fā)生的順序分別是:
jquery 代碼:
1. keydown();
2. keyup();
3. keypress();
keydown()
keydown事件會在鍵盤按下時(shí)觸發(fā),可以在綁定的函數(shù)中歐能夠返回false來防止觸發(fā)瀏覽器的默認(rèn)事件.
keyup()
keyup事件會在按鍵釋放時(shí)觸發(fā),也就是你按下鍵盤起來后的事件.
keypress()
keypress事件會在敲擊按鍵時(shí)觸發(fā),我們可以理解為按下并抬起同一個(gè)按鍵.
鍵盤事件可以傳遞一個(gè)參數(shù)event,其實(shí)說有的jQuery事件函數(shù)中都可以傳遞這么一個(gè)參數(shù):
jquery 代碼:
$('input').keydown(function(event){ alert(event.keyCode); });
上面代碼中的,event.keyCode就可以幫助我們獲取到我們按下了什么按鍵,他返回的是ascII碼,比如說上下左右鍵,分別是38,40,37,39
如果我們要實(shí)現(xiàn)ctrl+Enter就是ctrl+回車提交表單
$(document).keypress(function(e) { if (e.ctrlKey && e.which == 13) $("form").submit(); }) ;
如有疑問請留言或者到本站社區(qū)交流討論,大家共同進(jìn)步,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
jquery實(shí)現(xiàn)點(diǎn)擊消失的代碼
這篇文章主要介紹了jquery如何實(shí)現(xiàn)點(diǎn)擊消失,需要的朋友可以參考下2014-03-03深入淺析ng-bootstrap 組件集中 tabset 組件的實(shí)現(xiàn)分析
這篇文章主要介紹了ng-bootstrap 組件集中 tabset 組件的實(shí)現(xiàn)分析 ,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-07-07