实现一个只能输入数字的input框

// html部分
    <input id="numberInput" type="text" />

// js部分
    var inputEl = document.getElementById('numberInput');
    // var events =  ['input', 'keydown', 'keyup', 'select'];
    var events =  ['input'];
    events.forEach(function(event) {
        inputEl.addEventListener(event, function() {
            if (inputFilter(this.value)) {
                this.oldValue = this.value;
            } else if (this.hasOwnProperty('oldValue')) {
                this.value = this.oldValue;
            } else {
                this.value = '';
            }
        });
    });
    var numberReg = /^\d{0,6}$/;
    var inputFilter = function(val) {
        var isMatch = numberReg.test(val);
        if (isMatch) {
            return true;
        }
        return false;
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容