input text輸入框的這三個鍵盤響應事件看似是差不多的，實際上他們的執行事件還是有區別的，經過了半天的各種嘗試（這裡實際上就是想做一個能將金錢數額利用js轉換成為大寫的功能），遇到的問題就是每次都是無法在第一次就獲取input的value，一開始被迫使用了onblur和onchange。

但是這樣使用者體驗太差了，所以我就測試題目上三種的不同，首先down這個是按下後就相應了，基本上比較適合做遊戲的上下左右。

第二種press，這個是按下並鬆開後相應，這裡需要提示，利用這個事件，在最開始獲取到的input的值是空，因為數值還沒有來得及寫入input。

第三種up，這個是相應最好的，也就是鬆開後，值寫入到了input然後執行，也就是我所需要的。

這裡分享下js程式碼，也是網上參考的不過寫的真的不錯各種情況

JS實現數字轉換為貨幣漢字大寫數字的方法詳解

1. function Chinese(num){     
2. if(!/^\d*(\.\d*)?$/.test(num))throw(new Error(-1, "Number is wrong!"));     
3. var AA = new Array("零","壹","貳","叄","肆","伍","陸","柒","捌","玖");     
4. var BB = new Array("","拾","佰","仟","萬","億","圓","");     
5. var CC = new Array(
   "角", "分", "釐");     
6. var a = (""+ num).replace(/(^0*)/g, "").split("."), k = 0, re = "";     
7. for(var i=a[0].length-1; i>=0; i--){     
8. switch(k){     
9. case 0 : re = BB[7] + re; break;     
10. case 4 : if(!new RegExp("0{4}\\d{"+ (a[0].length-i-1) +"}$").test(a[0]))     
11.                          re = BB[4] + re; break
    ;     
12. case 8 : re = BB[5] + re; BB[7] = BB[5]; k = 0; break;     
13.         }     
14. if(k%4 == 2 && a[0].charAt(i)=="0" && a[0].charAt(i+2) != "0") re = AA[0] + re;     
15. if(a[0].charAt(i) != 0) re = AA[a[0].charAt(i)] + BB[k%4] + re; k++;     
16.     }     
17. if(a.length>1){     
18.         re += BB[6];     
19. for(var i=0; i<a[1].length; i++){     
20.             re += AA[a[1].charAt(i)] + CC[i];     
21. if(i==2) break;     
22.         }   
23. if(a[1].charAt(0)=="0" && a[1].charAt(1)=="0"){  
24.             re+="元整";  
25.         }    
26.     }else{  
27.         re+="元整";  
28.     }     
29. return re;     
30. } 

-------------------原始碼解析---------------------------------
function conver(num)  

  { 
          var AA = new Array("零","壹","貳","叄","肆","伍","陸","柒","捌","玖");   ////先建立一個數組放入是個大寫數字

          var BB = new Array("","拾","佰","仟","萬","億","圓","");   ////在將圓以上單位放入一個數組中

          var CC = new Array("角", "分", "釐");   ///將圓以下單位放入一個數組中

          var a = (""+num).replace(/(^0*)/g, "").split("."), k = 0, re = ""; //兩個“/###/”之間定義了正則表示式
  //以若干個0開始的數字，前面的0全部以空替換。如何00023就被轉換為23，之後再以"."分割，所以這裡的a是一個數組元素
  //在定義兩個元素，一個 k 一個是 re。
          for(var i=a[0].length-1; i>=0; i--)   /////這裡是轉換整數的情況

          {  

                  switch(k)   ///判斷當k等於0/4/8的情況，

                  {  

                          case 0 : re = BB[7] + re; break;   ///當k等於0時，re就定於“”

                          case 4 : if(!new RegExp("0{4}\\d{"+ (a[0].length-i-1) +"}$").test(a[0])) ///RegExp是建立正則表示式的物件
     //test 方法 返回一個 Boolean 值，它指出在被查詢的字串中是否存在模式。
     //這個判斷條件的意思就是判斷這個RegExp物件在a[0]中是否出現過也就是“0{4}\d{4}”這個正則是否在a[0]中出現
     //如果出現條件為假整個四位萬位都為空，就不用寫萬位了。直接從億到到千，如200002325就讀二億兩千三百二十五
                                            re = BB[4] + re; break;   ///當k等於4時，re等於“萬” 如果條件為真執行這條語句

                          case 8 : re = BB[5] + re; BB[7] = BB[5]; k = 0; break; ///判斷如果超過億就另說了！哇哈哈 

                  }  

                  if(k%4 == 2 && a[0].charAt(i)=="0" && a[0].charAt(i+2) != "0") re = AA[0] + re;   
   ///當k除4餘2和a[0]的第i個元素等於0還有a[0]的第i+2個元素不等於0同時成立時，re就等於AA[0]+re

                  if(a[0].charAt(i) != 0) re = AA[a[0].charAt(i)] + BB[k%4] + re; k++;   
   ///如果a[0]第i個元素不等於0；就讓re等於（陣列AA下標等於a[0].charAt(i)的元素 + 陣列BB[k%4]的元素 + re）然後讓k++，

   ///*例如當輸入      903205034.12      時，
  ///第一輪迴圈 i=8  
   switch（k）中k=0，先得到re="";
   然後執行if(k%4 == 2 && a[0].charAt(i)=="0" && a[0].charAt(i+2) != "0")判斷了條件為假跳過往下執行
   執行 if(a[0].charAt(i) != 0) re = AA[a[0].charAt(i)] + BB[k%4] + re; k++; 判斷條件為真執行if語句
   得到AA[4] + BB[0%4] + ""; k=1;得到re="肆"
  ///第二輪迴圈 i=7  
   switch（k）中k=1，沒有匹配的case；跳過switch往下執行
   然後執行if(1%4 == 2 && a[0].charAt(7)=="0" && a[0].charAt(7+2) != "0")判斷了條件為假跳過往下執行
   執行 if(a[0].charAt(7) != 0) re = AA[a[0].charAt(7)] + BB[1%4] + re; k++; 判斷條件為真執行if語句
   得到AA[3] + BB[1] + "肆"; k=2;得到re="叄"+"拾"+"肆"
  ///第三輪迴圈 i=6 
   switch（2）沒有匹配的case；跳過switch往下執行
   然後執行if(2%4 == 2 && a[0].charAt(6)=="0" && a[0].charAt(6+2) != "0")判斷了條件為真往下執行
   re = AA[0] + "叄"+"拾"+"肆"; re="零" + "叄"+"拾"+"肆"
   執行 if(a[0].charAt(6) != 0) re = AA[a[0].charAt(6)] + BB[2%4] + re; k++; 判斷條件為假跳回
  ///第四輪迴圈 i=5 
   switch（3）沒有匹配的case；跳過switch往下執行
   然後執行if(3%4 == 2 && a[0].charAt(6)=="0" && a[0].charAt(6+2) != "0")判斷了條件為假跳過往下執行
   執行 if(a[0].charAt(5) != 0) re = AA[a[0].charAt(5)] + BB[3%4] + re; k++; 判斷條件為真執行if語句
   得到AA[5] + BB[3] + "叄"+"拾"+"肆"; k=4;得到re="伍"+"仟"+"零"+"叄"+"拾"+"肆"
  ///第五輪迴圈 i=4 
   switch（4）匹配的case=4；執行
   然後執行if(3%4 == 2 && a[0].charAt(6)=="0" && a[0].charAt(6+2) != "0")判斷了條件為假跳過往下執行
   執行 if(a[0].charAt(5) != 0) re = AA[a[0].charAt(5)] + BB[3%4] + re; k++; 判斷條件為真執行if語句
   得到AA[5] + BB[3] + "叄"+"拾"+"肆"; k=4;得到re="伍"+"仟"+"零"+"叄"+"拾"+"肆"
  以此類推..........最後得到re=镹億零三百二十萬五千零三十四*/
  
   

          }   
  
          if(a.length>1) //加上小數部分(如果有小數部分)這個是轉換小數點後面的幾位

          {

                  re += BB[6];     //镹億零三百二十萬五千零三十四+圓

                  for(var i=0; i<a[1].length; i++)  

                  {  

                      re += AA[a[1].charAt(i)] + CC[i];

                      if(i==2) break;  

                  }     ///迴圈結束後re=镹億零三百二十萬五千零三十四圓一角二分
   if(a[1].charAt(0)=="0" && a[1].charAt(1)=="0")///這個if是判斷如果沒有角和分只有釐則忽略釐加上元整

   {

   re+="元整";
 
   } 

          }

  else  ///如果不帶小數也輸出

  {

   re+="元整";

  }  

          return re;   //最後返回“镹億零三百二十萬五千零三十四圓一角二分元整”

  }

然後我還加入了一些需要的方法：

判斷了是否為空。

以上的註釋寫的很詳細了，只要能瞭解正則表示式就能很好的瞭解作者是如何實現的。

其中需要的知識主要是

jquery

javascript

正則表示式符號含義

其中輸入框限制只能輸入數字和小數點：

<input onkeypress="return (/[/d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled" />

參考來自

不能輸入中文
 <input type="text" name="textfield"  onkeyup="this.value=this.value.replace(/[^/da-z_]/ig,'');"/>
只能輸入 數字和下劃線
<input onkeypress="return (/[/d_]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled" />
只能輸入 數字和小數點
<input onkeypress="return (/[/d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled" />

 只允許輸入漢字</br>
<input name="username" type="text" onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')">

其一，只允許輸入數字和小數點。
<input onKeypress="return (/[/d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">

其二，判斷的更詳細一些，甚至22..2這樣不算數字也判斷得出來

<script>
function check(){
if (isNaN(tt.value))
{alert("非法字元！");
tt.value="";}
}
</script>
<input type="text" name="tt" onkeyup="check();">

其三，只允許輸入整數。其實也完全可以根據第三條來舉一反三做一些限制。

<script language=javascript>
function onlyNum()
{
if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
event.returnValue=false;
}
</script><input onkeydown="onlyNum();" style="ime-mode:Disabled>
結語,其實

style="ime-mode:Disabled
這句是比較實用的。意為關閉輸入法。省得有些人開著全形輸入數字，結果輸入不進去來找你哭天抹淚的，還怪你設計的不好。

只允許輸入數字
<input name="username" type="text" onkeyup="value=this.value.replace(//D+/g,'')">

只允許輸入英文字母、數字和下劃線(以下二種方法實現)
<input name="username" type="text" style="ime-mode:disabled">
<input name="username" type="text" onkeyup="value=value.replace(/[^/w/.//]/ig,'')">

只允許輸入英文字母、數字和&[email protected]
<input name="username" type="text" onkeyup="value=value.replace(/[^/[email protected]&]|_/ig,'')">

只允許輸入漢字
<input name="username" type="text" onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')">

以上都極為常用，僅供參考