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