利用Keydown事件阻止使用者輸入實作碼_javascript技巧

先了解下各事件的差異

KeyDown：在控制有焦點的情況下按下鍵時發生
KeyPress：在控制有焦點的情況下按鍵時發生
KeyUp： 在控制有焦點的情況下釋放鍵時發生

1、KeyPress主要用來接收字母、數字等ANSI字元。 KeyDown 和KeyUP 事件過程通常可以捕獲鍵盤除了PrScrn所有按鍵(這裡不討論特殊鍵盤的特殊鍵

2、KeyPress 只能捕獲單個字符，KeyDown 和KeyUp 可以捕獲組合鍵。

3、KeyPress 不會顯示鍵盤的物理狀態（SHIFT鍵），而只是傳遞一個字元。判斷鍵值字母的大小。狀態而且回傳A 或a 其中之一。 、KeyDown、KeyUp事件是當按下( KeyDown ) 或鬆開( KeyUp ) 一個鍵時發生的。差異不大。 而且，up和其他兩者還有一個差別：要判斷key修改後的狀態必須用up。輸入數字

鍵盤上數字鍵的keyCode

[48-57] 數字鍵
[96-105] 數字鍵盤
此外允許Backspace鍵刪除

程式碼如下




複製程式碼

程式碼如下: var input input inputsstr. number_ipt') input.onkeydown = function(e) { var keyCode = e.keyCode if ( !isNumber(keyCode) ) return false

}

/ 隻隻有可輸入數字
function isNumber(keyCode) {
// 數字
if (keyCode >= 48 && keyCode // 小數字鍵盤
if (keyCode > = 96 && keyCode // Backspace鍵
if (keyCode == 8) return true
return false
}