jquery中鍵盤事件小結
更新時間：2016年02月24日 08:53:34 投稿：hebedich
本文給大家簡單總結了下jQuery中鍵盤事件的使用方法以及相關示例，非常的實用，有需要的小伙伴可以參考下。
一、首先需要知道的是：
1、keydown()
keydown事件會在鍵盤按下時觸發(fā).
2、keyup()
keyup事件會在按鍵釋放時觸發(fā),也就是你按下鍵盤起來后的事件
3、keypress()
keypress事件會在敲擊按鍵時觸發(fā),我們可以理解為按下并抬起同一個按鍵
二、獲得鍵盤上對應的ascII碼：
$(document).keydown(function(event){
alert(event.keyCode);
});
$tips: 上面例子中,event.keyCode就可以幫助我們獲取到我們按下了鍵盤上的什么按鍵,他返回的是ascII碼,比如說上下左右鍵,分別是38,40,37,39；
三、實例（當按下鍵盤上的左右方面鍵時）
代碼如下:
$(document).keydown(function(event){
//判斷當event.keyCode 為37時（即左方面鍵），執(zhí)行函數to_left();
//判斷當event.keyCode 為39時（即右方面鍵），執(zhí)行函數to_right();
if(event.keyCode == 37){
to_left();
}else if (event.keyCode == 39){
to_right();
}
else if (event.keyCode == 38){
to_top();
}
else if (event.keyCode == 40){
to_bottom();
}
});
function to_left(){ $(".abc").css({'left':'-=10'});}
function to_right(){ $(".abc").css({'left':'+=10'});}
function to_top(){$(".abc").css({'top':'-=10'});}
function to_bottom(){$(".abc").css({'top':'+=10'});}
相關文章
這篇文章主要介紹了jQuery圖片輪播滾動切換特效，圖片輪播效果特別適合做產品展示，感興趣的小伙伴可以參考下。2015-09-09
下面小編就為大家?guī)硪黄闅vjson獲得數據的幾種方法小結。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
這篇文章主要為大家詳細介紹了jquery插件實現(xiàn)圖片對比，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
按鈕的各狀態(tài)效果在網頁設計過程中經常會遇到，下面寫個jquery擴展，使這個過程更加方便，感興趣的朋友可以了解下2013-08-08
這篇文章主要介紹了jquery實現(xiàn)清新實用的網頁菜單效果,涉及jquery通過鼠標事件控制頁面元素的動態(tài)隱藏與顯示實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
很多時候我們需要按時間間隔執(zhí)行一個任務,當滿足一定條件時停止執(zhí)行.此插件旨在解決這一經常遇到的問題2013-12-12
jquery實現(xiàn)跳到底部，回到頂部效果的簡單實例(類似錨)
下面小編就為大家?guī)硪黄猨query實現(xiàn)跳到底部，回到頂部效果的簡單實例(類似錨)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
jQuery學習總結之元素的相對定位和選擇器(持續(xù)更新)
jQuery中不僅可以使用選擇器就行絕對定位，而且還可以進行相對定位，只要在$()中指定第二個參數，第二個參數就是相對的元素。第二個參數傳遞一個jQuery對象，則相對于這個對象為基準進行相對的選擇。2011-04-04
這篇文章主要介紹了jQuery深拷貝Json對象的簡單實現(xiàn)方法,以簡單示例形式分析了jQuery深拷貝的操作技巧,需要的朋友可以參考下2016-07-07
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR錯誤
今天測試偶然發(fā)現(xiàn)jquery.bgiframe.js在IE9環(huán)境下提示錯誤，于是很是好奇，想辦法知道究竟，于是搜索了一下，現(xiàn)在與大家分享希望可以幫助你們2013-01-01