首頁 > web前端 > js教程 > jquery keydown事件的使用詳解

jquery keydown事件的使用詳解

黄舟
發布: 2017-06-27 13:31:13
原創
1504 人瀏覽過

jquery鍵盤事件介紹,使用jquery的朋友可以參考下。

一、首先需要知道的是:
1、keydown()
keydown事件會在鍵盤按下時觸發.
2、keyup()
keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事件
3、keypress()
keypress事件會在敲擊按鍵時觸發,我們可以理解為按下並抬起同一個按鍵

二、取得鍵盤上對應的ascII碼:

$(
document
).keydown(function(event){ 
alert(event.keyCode); 
});
登入後複製

$tips: 上面範例,event.keyCode就可以幫助我們取得到我們按下了鍵盤上的什麼按鍵,他回傳的是ascII碼,比如說上下左右鍵,分別是38,40,37,39;

三、實例(當按下鍵盤上的左右方面鍵時)

代碼如下:

$(document).keydown(function(event){ 
//判断当event.keyCode 为37时(即左方面键),执行
函数
to_left(); 
//判断当event.keyCode 为39时(即右方面键),执行函数to_
right
(); 
if(event.keyCode == 37){ 
to_left(); 
}else if (event.keyCode == 39){ 
to_right(); 
} 
});
登入後複製


四、TIPS:
此實例常用於電子相簿瀏覽時。 。 。

以上是jquery keydown事件的使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板