zoukankan      html  css  js  c++  java
  • 中文输入法不触发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+).(dd).*$/, '$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+).(dd).*$/, '$1$2.$3'); //只能输入两个小数
            }
        
        </script>
  • 相关阅读:
    DevExpress WPF入门指南:加载动画的应用
    DevExpress v17.2—WPF篇(一)
    添加MyEclipse WebSphere Portal Server支持(二)
    DevExpress v17.2—WinForms篇(六)
    MyEclipse 2017 CI 9 发布(附下载)
    DevExpress v17.2新版亮点—WinForms篇(五)
    DevExpress v17.2新版亮点—WinForms篇(四)
    添加MyEclipse WebSphere Portal Server支持(一)
    内嵌iframe页面在IOS下会受内部元素影响自动撑开的问题
    组合 a 标签与 canvas 实现图片资源的安全下载的方法与技巧
  • 原文地址:https://www.cnblogs.com/jonie-wong/p/5647554.html
Copyright © 2011-2022 走看看