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í)行函數(shù)to_left();
//判斷當event.keyCode 為39時（即右方面鍵），執(zhí)行函數(shù)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實現(xiàn)帶動畫效果的多級下拉菜單代碼,可實現(xiàn)點擊漸隱漸顯效果,涉及jQuery頁面元素的遍歷及鏈式操作相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
文章介紹了幾個在jQuery中非常有用的遍歷函數(shù)，遍歷函數(shù)是做么的方便。當在它們一起使用時，它們將更加強大。也就是說，一個函數(shù)的輸出是另一個函數(shù)的輸入，它們是鏈式的。下面我們就來詳細探討下吧。2015-07-07
本文主要介紹了Jquery Easyui驗證擴展，Easyui驗證，Easyui校驗，js正則表達式。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要為大家詳細介紹了jquery實現(xiàn)擲骰子小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
我們將創(chuàng)建一個簡單的jquery菜單，只要我們懸停在導航欄的區(qū)域里，將展示給我們的畫面是：明亮的菜單在稍顯黑暗的背景圖中脫穎而出2013-12-12
這篇文章主要介紹了jQuery的$.extend 淺拷貝與深拷貝的相關資料,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jQuery實現(xiàn)鼠標滑過圖片移動特效，鼠標移動到圖片上時圖片向上動一下，等到鼠標離開后，圖片又返回到原來位置,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
本文為大家詳細介紹喜愛頁面載入完畢響應事件、綁定與反綁定事件監(jiān)聽器、事件觸發(fā)器、事件的交互處理等等，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-06-06
這篇文章主要為大家詳細介紹了基于jquery實現(xiàn)五子棋游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
jQuery Form插件使用詳解_動力節(jié)點Java學院整理
這篇文章主要為大家詳細介紹了jQuery Form插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07