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='text' value='1' οnkeydοwn='return GetInput()' οnkeyup='Set(this)' >


技術要領:onkeydown事件先於onkeyup事件被觸發;當onkeydown事件return false時onkeyup事件將不會被觸發,並且輸入框中也不會有用戶剛按下的這個字符,從而實現了屏蔽某些字符的目的。瞭解了這一事件觸發原理,思想上應當有所延伸(比如鼠標的幾個事件也會是這樣的機制).....
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章