码迷,mamicode.com
首页 > 其他好文 > 详细

中文输入法不触发onkeyup事件的解决办法

时间:2016-07-06 17:56:58      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:

参考:

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>

 

中文输入法不触发onkeyup事件的解决办法

标签:

原文地址:http://www.cnblogs.com/jonie-wong/p/5647554.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!