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

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供敖漢網(wǎng)站建設(shè)、敖漢做網(wǎng)站、敖漢網(wǎng)站設(shè)計(jì)、敖漢網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、敖漢企業(yè)網(wǎng)站模板建站服務(wù)，十年敖漢做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

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)步，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！