文字框指令碼 過濾輸入

2022-07-17 00:15:31 字數 1256 閱讀 9157

過濾輸入經常應用的場合是,限定文字框的輸入特定資料,或者輸入特定格式的資料。

當輸入那離不開鍵盤,當然也不開這三個事件:

keydown

keypress

keyup

先來看看這些事件的順序:

textbox.addeventlistener("keyup",function

(),false

); textbox.addeventlistener("keydown",function

(),false

); textbox.addeventlistener("keypress",function

(),false);

既然我們要過濾某些內容,那必須知道我們按下的是什麼?

這個可以根據事件物件中的乙個屬性,在 ie9+ firefox safari chorme opera中 可以通過charcode獲取。

在ie8以及低版本 以及opera,不支援該屬性,則提供 keycode,不管哪個屬性值,只有 在 keypress 事件時事件物件中才會包含該屬性。

下面來看看具體獲取 keycode 或 charcode 的方式

function

addhandler(element,type,handler)

else

if(element.attachevent)

else

}function

getevent(event)

function

getcharcode(event)

else

if(event.keycode)

}var textbox = document.forms[0].elements[0]; //

123 addhandler(textbox,"keypress",function

(event));

上面主要是相容了各種瀏覽器,主要是對ie、chrome、safari、forfix、opera

key(按鍵)- 對應的isc碼值  - 通過 string類的fromcharcode 作為轉換成對應的字串形式

例項一:  遮蔽字元

var textbox = document.forms[0].elements[0]; //

123 addhandler(textbox,"keypress",function

(event)

});

文字框輸入限制

1.文字框只能輸入數字 小數點也不能輸入 2.只能輸入數字,能輸小數點.3.數字和小數點方法二 4.只能輸入字母和漢字 5.只能輸入英文本母和數字,不能輸入中文 6.只能輸入數字和英文chun 7.小數點後只能有最多兩位 數字,中文都可輸入 不能輸入字母和運算符號 57 event.keycode ...

禁止文字框輸入

如下 readonly disabled autocomplete readonly表示此域的值不可修改,僅可與 type text 配合使用,可複製,可選擇,可以接收焦點,後台會接收到傳值.如下 disabled表示禁用input元素,不可編輯,不可複製,不可選擇,不能接收焦點,後台也不會接收到傳...

禁止文字框輸入

如下 readonly disabled autocomplete readonly表示此域的值不可修改,僅可與 type text 配合使用,可複製,可選擇,可以接收焦點,後台會接收到傳值.如下 type text name www.readonly readonly disabled表示禁用in...