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

本篇文章主要介紹了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影片教學！