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

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

jQuery處理鍵盤事件有三個函數(shù),根據(jù)事件發(fā)生的順序分別是:

jquery 代碼：

1.  keydown();
2.  keyup(); 
3.  keypress();  

keydown()

keydown事件會在鍵盤按下時觸發(fā),可以在綁定的函數(shù)中歐能夠返回false來防止觸發(fā)瀏覽器的默認事件. 

keyup()

keyup事件會在按鍵釋放時觸發(fā),也就是你按下鍵盤起來后的事件. 

keypress()

keypress事件會在敲擊按鍵時觸發(fā),我們可以理解為按下并抬起同一個按鍵. 

鍵盤事件可以傳遞一個參數(shù)event,其實說有的jQuery事件函數(shù)中都可以傳遞這么一個參數(shù): 

jquery 代碼：

$('input').keydown(function(event){ 
 alert(event.keyCode); 
});
 

上面代碼中的,event.keyCode就可以幫助我們獲取到我們按下了什么按鍵,他返回的是ascII碼,比如說上下左右鍵,分別是38,40,37,39 

如果我們要實現(xiàn)ctrl+Enter就是ctrl+回車提交表單

$(document).keypress(function(e) { 
 if (e.ctrlKey && e.which == 13)
 $("form").submit(); 
}) ;

如有疑問請留言或者到本站社區(qū)交流討論，大家共同進步，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com