欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery鍵盤事件使用介紹

 更新時間:2011年11月01日 20:25:09   作者:  
jquery鍵盤事件使用介紹,需要的朋友可以參考下。

一、首先需要知道的是:
1、keydown()
keydown事件會在鍵盤按下時觸發(fā).
2、keyup()
keyup事件會在按鍵釋放時觸發(fā),也就是你按下鍵盤起來后的事件
3、keypress()
keypress事件會在敲擊按鍵時觸發(fā),我們可以理解為按下并抬起同一個按鍵
二、獲得鍵盤上對應(yīng)的ascII碼:

復(fù)制代碼 代碼如下:

$(document).keydown(function(event){
console.log(event.keyCode);
});

$tips: 上面例子中,event.keyCode就可以幫助我們獲取到我們按下了鍵盤上的什么按鍵,他返回的是ascII碼,比如說上下左右鍵,分別是38,40,37,39;
三、實例(當(dāng)按下鍵盤上的左右方面鍵時)
復(fù)制代碼 代碼如下:

$(document).keydown(function(event){
//判斷當(dāng)event.keyCode 為37時(即左方面鍵),執(zhí)行函數(shù)to_left();
//判斷當(dāng)event.keyCode 為39時(即右方面鍵),執(zhí)行函數(shù)to_right();
if(event.keyCode == 37){
//do somethings;
}else if (event.keyCode == 39){
//do somethings;
}
});

實例研究:
比如:小說網(wǎng)站中常見的按左右鍵來實現(xiàn)上一篇文章和下一篇文章;按ctrl+回車實現(xiàn)表單提交;google reader和有道閱讀中的全快捷鍵操作...(以此提高用戶體驗)
如果我們要實現(xiàn)ctrl+Enter就是ctrl+回車提交表單,可以這樣:
復(fù)制代碼 代碼如下:

$(document).keypress(function(e) {
if (e.ctrlKey && e.which == 13)
$("form").submit();
})
//鍵盤操作
$(document).keydown(function(event){
var e = event || window.event;
var k = e.keyCode || e.which;
switch(k) {
case 37:
//…
break;
case 39:
//…
break;
}
return false;
})

更詳盡的關(guān)于事件的總結(jié)和表述:http://www.dbjr.com.cn/article/28772.htm

w3school上的jQuery 事件參考手冊

學(xué)習(xí)過程中,應(yīng)該多思考怎樣改善交互性和用戶體驗。

相關(guān)文章

最新評論