快捷導航

利用Keydown事件阻止用戶輸入實現(xiàn)代碼

更新時間：2014年03月11日 16:38:29 作者：

這篇文章主要介紹了利用Keydown事件阻止用戶輸入的具體實現(xiàn),需要的朋友可以參考下

先了解下各事件的區(qū)別

KeyDown：在控件有焦點的情況下按下鍵時發(fā)生
KeyPress：在控件有焦點的情況下按下鍵時發(fā)生
KeyUp：在控件有焦點的情況下釋放鍵時發(fā)生

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

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

3、KeyPress 不顯示鍵盤的物理狀態(tài)（SHIFT鍵），而只是傳遞一個字符。KeyPress 將每個字符的大、小寫形式作為不同的鍵代碼解釋，即作為兩種不同的字符。KeyDown 和KeyUp 不能判斷鍵值字母的大小。KeyDown 和 KeyUp 用兩種參數(shù)解釋每個字符的大寫形式和小寫形式：keycode — 顯示物理的鍵（將 A 和 a 作為同一個鍵返回）和 shift —指示 shift + key 鍵的狀態(tài)而且返回 A 或 a 其中之一。

5、KeyPress 不區(qū)分小鍵盤和主鍵盤的數(shù)字字符，KeyDown 和KeyUp 區(qū)分小鍵盤和主鍵盤的數(shù)字字符。

6、KeyDown、KeyUp事件是當按下 ( KeyDown ) 或松開 ( KeyUp ) 一個鍵時發(fā)生的。由于一般按下鍵盤的鍵往往會立即放開（這和鼠標不同），所以這兩個事件使用哪個差別不大。而且，up和其他兩者還有一個區(qū)別：要判斷key修改后的狀態(tài)必須用up。

我們可以利用keydown事件來阻止用戶的輸入，比如某輸入域只能輸入數(shù)字

鍵盤上數(shù)字鍵的keyCode

[48-57] 數(shù)字鍵
[96-105] 數(shù)字小鍵盤
此外允許Backspace鍵刪除

代碼如下

復制代碼代碼如下:

 
var input = document.getElementById('number_ipt') 
input.onkeydown = function(e) { 
var keyCode = e.keyCode 
if ( !isNumber(keyCode) ) return false 
} 

// 僅能輸入數(shù)字 
function isNumber(keyCode) { 
// 數(shù)字 
if (keyCode >= 48 && keyCode <= 57 ) return true 
// 小數(shù)字鍵盤 
if (keyCode >= 96 && keyCode <= 105) return true 
// Backspace鍵 
if (keyCode == 8) return true 
return false 
} 