一、首先需要知道的是：
1、keydown()
keydown事件會(huì)在鍵盤按下時(shí)觸發(fā).
2、keyup()
keyup事件會(huì)在按鍵釋放時(shí)觸發(fā),也就是你按下鍵盤起來后的事件
3、keypress()
keypress事件會(huì)在敲擊按鍵時(shí)觸發(fā),我們可以理解為按下并抬起同一個(gè)按鍵
二、獲得鍵盤上對(duì)應(yīng)的ascII碼：
$(document).keydown(function(event){ alert(event.keyCode); }); $tips: 上面例子中,event.keyCode就可以幫助我們獲取到我們按下了鍵盤上的什么按鍵,他返回的是ascII碼,比如說上下左右鍵,分別是38,40,37,39；
三、實(shí)例（當(dāng)按下鍵盤上的左右方面鍵時(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(); } 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'});}新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
