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

jquery中鍵盤事件小結(jié)

 更新時(shí)間：2016年02月24日 08:53:34   投稿：hebedich  
本文給大家簡(jiǎn)單總結(jié)了下jQuery中鍵盤事件的使用方法以及相關(guān)示例，非常的實(shí)用，有需要的小伙伴可以參考下。

一、首先需要知道的是：

1、keydown()
keydown事件會(huì)在鍵盤按下時(shí)觸發(fā).

2、keyup()
keyup事件會(huì)在按鍵釋放時(shí)觸發(fā),也就是你按下鍵盤起來(lái)后的事件

3、keypress()
keypress事件會(huì)在敲擊按鍵時(shí)觸發(fā),我們可以理解為按下并抬起同一個(gè)按鍵

二、獲得鍵盤上對(duì)應(yīng)的ascII碼：

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

$tips: 上面例子中,event.keyCode就可以幫助我們獲取到我們按下了鍵盤上的什么按鍵,他返回的是ascII碼,比如說(shuō)上下左右鍵,分別是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'});}

相關(guān)文章

最新評(píng)論