在工作中在發現同事在寫輸入密碼按鍵的相關js效果時，發現自己對於這塊很是不了解，這幾天特地了解了一下，進行以下總結:
一、首先要知道鍵盤事件的幾個屬性:
1、keydown()：在鍵盤按下時觸發。
2、keyup()：是按下鍵盤起來後的事件。
3、keypress()：在敲擊按鍵時觸發，我們可以理解為按下並抬起同乙個按鍵。
二、獲得鍵盤上對應的 ascii 碼：
//鍵碼獲取上面例子中，event.keycode 可以幫助我們獲取到我們按下了鍵盤上的什麼按鍵,它返回的就是 ascii 碼,比如說上下左右鍵,分別是38,40,37,39；$(document).keydown(function (event) );
三、案例1：
//鍵盤操作四、案例2：1、html結構：4個input框$(document).keydown(function (event) ;
switch (event.keycode) ;
return false;
});
2、css結構
.setpsw3、js效果.setpsw input
$(".input input").keyup(function(event)
}else if(e.keycode == 8) else
});
效果圖
勿忘初心，奮力前行
jquery鍵盤事件
基本鍵盤事件 1 keydown keydown事件會在鍵盤按下時觸發.2 keyup keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事件 3 keypress keypress事件會在敲擊按鍵時觸發,我們可以理解為按下並抬起同乙個按鍵 二 獲得鍵盤上對應的ascii碼 document...
jquery鍵盤事件
jquery處理鍵盤事件有三個函式,根據事件發生的順序分別是 keydown keyup keypress keydown keydown事件會在鍵盤按下時觸發,可以在繫結的函式中歐能夠返回false來防止觸發瀏覽器的預設事件.keyup keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事...
jQuery 鍵盤事件
keydown 鍵盤按下乙個鍵 只發生在具有焦點的元素上，適合於表單元素 keypress,在敲擊鍵盤時候觸發 可以理解為按下並抬起同乙個鍵 keyup，按鍵件釋放的時候被觸發 按下並抬起同乙個鍵 常用的鍵盤按鍵對應 backspa 8 tab 9 clear 12 enter 13 shift 1...