中文輸入法不觸發onkeyup事件的解決辦法

參考：

http://www.cnblogs.com/xcsn/p/3413074.html

http://www.soso.io/article/21182.html

 

最近做一個輸入框只能輸入有兩位小數點的小數，當時監聽的是keyup事件，當輸入法改為中文，然后按enter鍵，這樣還是能輸入其他的字符（火狐沒有這個問題，谷歌里有這個問題），后來百度下才知道原因，具體參考以上兩個網址。

修改前寫法：

     <input type="text" name="inputorp_i" id="inputorp_i" autocomplete="off" onkeyup="clearNoNum(this)"/>
    <span id="inputorp_s"></span>
    
    <script>
//只能輸入數字和小數點
        function clearNoNum(obj)
        
        {
        
        //先把非數字的都替換掉，除了數字和.
        obj.value = obj.value.replace(/[^\d.]/g,"");
        //必須保證第一個為數字而不是.
        obj.value = obj.value.replace(/^\./g,"");
        //保證只有出現一個.而沒有多個.
        obj.value = obj.value.replace(/\.{2,}/g,".");
        //保證.只出現一次，而不能出現兩次以上
        obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");

        obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能輸入兩個小數
        }
    
    </script>

 

修改后的寫法：

    <input type="text" name="inputorp_i" id="inputorp_i" autocomplete="off"/>
    <span id="inputorp_s"></span>
    
    <script>
         //先判斷瀏覽器是不是萬惡的IE，沒辦法，寫的東西也有IE使用者
        var bind_name = 'input';
    　　 if (navigator.userAgent.indexOf("MSIE") != -1){
       　　 bind_name = 'propertychange';
      　　}
     　　 $('#inputorp_i').bind(bind_name, function(){
        　　clearNoNum(this);
     　　 }) 
    
        //只能輸入數字和小數點
        function clearNoNum(obj)
        
        {
        
        //先把非數字的都替換掉，除了數字和.
        obj.value = obj.value.replace(/[^\d.]/g,"");
        //必須保證第一個為數字而不是.
        obj.value = obj.value.replace(/^\./g,"");
        //保證只有出現一個.而沒有多個.
        obj.value = obj.value.replace(/\.{2,}/g,".");
        //保證.只出現一次，而不能出現兩次以上
        obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");

        obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); //只能輸入兩個小數
        }
    
    </script>