首頁 > web前端 > js教程 > js在輸入框屏蔽按鍵,只能鍵入數字的範例程式碼

js在輸入框屏蔽按鍵,只能鍵入數字的範例程式碼

PHPz
發布: 2018-09-30 16:50:07
原創
1081 人瀏覽過

本篇文章主要介紹了js在輸入框屏蔽按鍵,只能鍵入數字的範例程式碼。需要的朋友可以來參考下,希望對大家有幫助。

<script language="javascript">
function GetInput(){//屏蔽非数字和非退格符
    var k = event.keyCode;   //48-57是大键盘的数字键,96-105是小键盘的数字键,8是退格符←
    if ((k <= 57 && k >= 48) || (k <= 105 && k >= 96) || (k== 8)){
     return true;
    } else {
     return false;
    }
}
function Set(obj){
   //即时处理输入框的内容,比如进行某些运算
}
</script>
登入後複製
<input type=&#39;text&#39; value=&#39;1&#39; onkeydown=&#39;return GetInput()&#39; onkeyup=&#39;Set(this)&#39; >
登入後複製

技術要領:onkeydown事件先於onkeyup事件被觸發;當onkeydown事件return false時onkeyup事件將不會被觸發,並且輸入框被觸發;當onkeydown事件return false時onkeyup事件將不會被觸發,並且輸入框中也不會有用戶剛按下的這個字符,從而實現了屏蔽某些字符的目的。了解了這事件觸發原理,思想上應當有所延伸(例如滑鼠的幾個事件也會是這樣的機制)...            

以上就是本章的全部內容,相關教學請造訪JavaScript影片教學

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板