大家好!

最近遇到一個需求是如果客戶網頁輸入密碼時，如果是開啟大寫，要提醒使用者避免密碼輸入錯誤，於是我就上網找一下，有發現這個方案

https://stackoverflow.com/questions/30746616/detecting-when-caps-lock-is-on

 

程式碼如下:

//當密碼欄位被按下按鍵時候
$("input[type='password']").keypress(function(e) {
var kc = e.which; //取得輸入鍵值
var isUp = (kc >= 65 && kc <= 90) ? true : false;//輸入大寫
var isLow = (kc >= 97 && kc <= 122) ? true : false; //輸入小寫
//是否按下 shift
var isShift = ( e.shiftKey ) ? e.shiftKey : ( (kc == 16) ? true : false );

//當為大寫 且 沒有按shift時 或是 小寫卻按著shift 時就是CAPSLOCK有打開時候
if ( (isUp && !isShift) || (isLow && isShift) ) {
alert('CAPSLOCK is ON');//這邊放如果CAPSLOCK有打開時候的動作
}
});

給大家參考囉 感恩