Numinput(自定义数字输入框)

1属性：

1.1 data-num：|int|int-|float|float-|

data-num="int" 正整数

data-num="int-" 整数 包含负整数

data-num="float" 正数

data-num="float-" 包含负数的一起数字

 

1.2 max-length 正数部分有多少位 默认为99999

  max-length="5"

1.3 decimal-length 小数部分有多少位只针对data-num为浮点型的有效 默认最多保留2位

2使用方法

2.1 直接引用js

2.2 给传统的input添加data-num=“XX”即可

2.3 详见事例

3目前存在问题

3.1 谷歌存在imeMode兼容性，即在谷歌浏览器如果用户开启输入法为中文，还是可以输入非数字

    .focus(function(){ 

        this.style.imeMode='disabled';

    })

3.2 火狐浏览器下createRange的兼容性，如果输入的文本已经超过最大限制，选中部分数字，输入新的数字，不能替换

    //获取选中的文本

    varfunGetSelectTxt = function() {

        // var txt= '';

        // if(document.selection){

        //     txt = document.selection.createRange().text;

        // } else {

        //     txt = document.getSelection();

        // }

        // returntxt.toString();

        var txt = "";

        if (window.getSelection){

            txt = window.getSelection();

        } else if (window.document.getSelection){

            txt = window.document.getSelection();

        } else if (window.document.selection){

            txt = window.document.selection.createRange().text;

        }

        return txt;

}

4 说明

    目前存在的问题，希望大神们不吝赐教，协助继续完善补充，如有建议请联系 e-mail:shunzizhan@163.com

 

 

Git: https://git.coding.net/shunzizhan/numinput.git