萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> js在輸入框屏蔽按鍵,只能鍵入數字的示例代碼

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='text' value='1' onkeydown='return GetInput()' onkeyup='Set(this)' >   技術要領:onkeydown事件先於onkeyup事件被觸發;當onkeydown事件return false時onkeyup事件將不會被觸發,並且輸入框中也不會有用戶剛按下的這個字符,從而實現了屏蔽某些字符的目的。了解了這一事件觸發原理,思想上應當有所延伸(比如鼠標的幾個事件也會是這樣的機制)...   
copyright © 萬盛學電腦網 all rights reserved