jquery鍵盤(pán)事件介紹
更新時(shí)間：2011年01月31日 14:38:54 作者：
jquery鍵盤(pán)事件介紹，使用jquery的朋友可以參考下。
一、首先需要知道的是：
1、keydown()
keydown事件會(huì)在鍵盤(pán)按下時(shí)觸發(fā).
2、keyup()
keyup事件會(huì)在按鍵釋放時(shí)觸發(fā),也就是你按下鍵盤(pán)起來(lái)后的事件
3、keypress()
keypress事件會(huì)在敲擊按鍵時(shí)觸發(fā),我們可以理解為按下并抬起同一個(gè)按鍵
二、獲得鍵盤(pán)上對(duì)應(yīng)的ascII碼：
$(document).keydown(function(event){
alert(event.keyCode);
});
$tips: 上面例子中,event.keyCode就可以幫助我們獲取到我們按下了鍵盤(pán)上的什么按鍵,他返回的是ascII碼,比如說(shuō)上下左右鍵,分別是38,40,37,39；
三、實(shí)例（當(dāng)按下鍵盤(pán)上的左右方面鍵時(shí)）
$(document).keydown(function(event){
//判斷當(dāng)event.keyCode 為37時(shí)（即左方面鍵），執(zhí)行函數(shù)to_left();
//判斷當(dāng)event.keyCode 為39時(shí)（即右方面鍵），執(zhí)行函數(shù)to_right();
if(event.keyCode == 37){
to_left();
}else if (event.keyCode == 39){
to_right();
}
});
四、TIPS:
該實(shí)例常用于電子相冊(cè)瀏覽時(shí)。。。
1、keydown()
keydown事件會(huì)在鍵盤(pán)按下時(shí)觸發(fā).
2、keyup()
keyup事件會(huì)在按鍵釋放時(shí)觸發(fā),也就是你按下鍵盤(pán)起來(lái)后的事件
3、keypress()
keypress事件會(huì)在敲擊按鍵時(shí)觸發(fā),我們可以理解為按下并抬起同一個(gè)按鍵
二、獲得鍵盤(pán)上對(duì)應(yīng)的ascII碼：
$(document).keydown(function(event){
alert(event.keyCode);
});
$tips: 上面例子中,event.keyCode就可以幫助我們獲取到我們按下了鍵盤(pán)上的什么按鍵,他返回的是ascII碼,比如說(shuō)上下左右鍵,分別是38,40,37,39；
三、實(shí)例（當(dāng)按下鍵盤(pán)上的左右方面鍵時(shí)）
復(fù)制代碼 代碼如下:
$(document).keydown(function(event){
//判斷當(dāng)event.keyCode 為37時(shí)（即左方面鍵），執(zhí)行函數(shù)to_left();
//判斷當(dāng)event.keyCode 為39時(shí)（即右方面鍵），執(zhí)行函數(shù)to_right();
if(event.keyCode == 37){
to_left();
}else if (event.keyCode == 39){
to_right();
}
});
四、TIPS:
該實(shí)例常用于電子相冊(cè)瀏覽時(shí)。。。
相關(guān)文章
JQueryEasyUI框架下的combobox的取值和綁定的方法
這篇文章主要介紹了JQueryEasyUI框架下的combobox的取值和綁定的方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-01-01
本文主要介紹了jQuery中$.ajax()方法的具體使用，$.ajax(url,[settings])通過(guò) HTTP 請(qǐng)求加載遠(yuǎn)程數(shù)據(jù)，文中通過(guò)示例代碼詳細(xì)的介紹了$.ajax()的用法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
jQuery EasyUI NumberBox(數(shù)字框)的用法
jQuery EasyUI 數(shù)字框(NumberBox)用法2010-07-07
Bootstrap table 實(shí)現(xiàn)樹(shù)形表格聯(lián)動(dòng)選中聯(lián)動(dòng)取消功能
這篇文章主要介紹了Bootstrap table 實(shí)現(xiàn)樹(shù)形表格聯(lián)動(dòng)選中聯(lián)動(dòng)取消功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-09-09
jQuery提供了強(qiáng)大的選擇器讓我們獲取對(duì)象。在這邊，我人為地將jQuery選擇器分為兩大部分：選擇對(duì)象和篩選條件。選擇對(duì)象表示要獲取什么對(duì)象，篩選條件是對(duì)獲取的對(duì)象進(jìn)行篩選，最終留下符合某些特征的對(duì)象2013-08-08
jquery得到font-size屬性值實(shí)現(xiàn)代碼
font-size屬性想必大家并不陌生吧，此屬性控制字體的大小，在本文將為大家介紹下如何使用jquery獲取font-size屬性值，感興趣的朋友可以參考下2013-09-09
jQuery實(shí)現(xiàn)列表內(nèi)容的動(dòng)態(tài)載入特效
這里給大家分享的是使用jQuery實(shí)現(xiàn)列表內(nèi)容的動(dòng)態(tài)載入的特效，效果相當(dāng)棒，后面附上瀑布流的實(shí)現(xiàn)思路和關(guān)鍵代碼，有需要的小伙伴可以參考下。2015-08-08
jQuery 標(biāo)題的自動(dòng)翻轉(zhuǎn)實(shí)現(xiàn)代碼
我們平時(shí)在開(kāi)發(fā)web程序的時(shí)候，想把一個(gè)新聞源滾動(dòng)顯示新聞的條目的標(biāo)題及內(nèi)容摘要，而且是每次一條，有點(diǎn)類(lèi)似csdn的滾動(dòng)廣告。2009-10-10
jQuery確實(shí)是一個(gè)挺好的輕量級(jí)的JS框架，能幫助我們快速的開(kāi)發(fā)JS應(yīng)用，并在一定程度上改變了我們寫(xiě)JavaScript代碼的習(xí)慣。2010-12-12
下面小編就為大家?guī)?lái)一篇json定義及jquery操作json的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10