允许通过数字文本框的按键、按键事件执行某些按键

Question

这是我的代码，它使用 asp.net ajax 客户端库添加事件处理程序

function IsDigit(id) { //short variable,args name for best minification
    if ($get(id)) {
        var v = function (e) {
                var r = /\d/;
                if (!r.test(String.fromCharCode(e.keyCode))) e.preventDefault();
            }
        $addHandlers($get(id), {
            keydown: v
        });
    }
}

$get(ID) 获取带有 id 的控件 $addHandlers 将事件Handlers 添加到控件。这里我将它附加到 ID 为 id 的控件上。这一切都运行良好，文本框只接受数字输入，但问题是当他想要删除所有数字并想要输入一些其他数字时。所以类似 SHFT + HOME 然后删除、Delete 不起作用。请有人能更好地完善代码。 Keydown 也是此类工作的最佳选择 我通过这样做暂时解决了这个问题，但这确实允许意外字符短暂存在，然后将其删除

function IsDigit(id) { //short variable,args name for best minification
    if ($get(id)) {
        var p = "";
        var v = function (e) {
                var r = /^\d*$/;
                if (r.test(this.value)){p = this.value;} else {this.value=p;}// e.preventDefault();
            }
        $addHandlers($get(id), {
            keyup: v
        });
    }
}

Answer 1

您可能会发现验证 onblur 更容易，而不是尝试进行验证 onkeydown / onkeyup。这样，您就不必担心有人可能会使用各种组合键来选择/删除/重新键入文本，例如 ctrl + 箭头键、ctrl + v 用于粘贴文本、ctrl + a 用于选择全部。

您始终可以使用新的 HTML5 来约束输入，然后使用 Modernizr 为不支持新输入类型的浏览器添加事件处理程序代码：

if (Modernizr.inputtypes.number) {
    ...
    // Add your code in here
    ...
}