Android上限制用户在输入字段中输入句点

我想限制用户在 Android 设备上的数字字段中输入特殊字符。这 ”。” （点）字符未按预期在“onkeypress”事件中传递值。

With <input type="text">我可以阻止用户输入任何特殊字符。

但与<input type="number"/>我无法限制用户输入点键。

尝试了许多堆栈溢出帖子。但仍然没有运气。

下面是我正在尝试的代码：

HTML

<input type="number" ng-model="registrationField.mobilenumber" tabindex="0" no-special-character="^[0-9-]*$" >

JS

app.directive("noSpecialCharacter", [function() {
    return {
        restrict: "A",
        link: function(scope, elem, attrs) {
            var limit = parseInt(attrs.limitTo);
            var regex = RegExp(attrs.noSpecialCharacter);
            angular.element(elem).on("keydown", function(e) {
                if(e.key == "Unidentified"){
                    e.preventDefault();
                    return false;
                }
            });
        }
    }
}])

我在用keydown事件因为keypress按数字键盘中的点键不会触发事件。

另外，我正在收到e.key as Unidentified当用户输入点键时。所以我试图用它来操纵。

我尝试在用户输入点键时修剪最后一个值，但这也不起作用。

请建议任何可能的方法。

尝试了上面的代码Android Nexus 5X device.

好吧，我知道这是一个糟糕的解决方案，因为它使用$timeout服务，但至少在这一整天的战斗之后。

首先将类型设置为type="tel"（不知道为什么，但同样不起作用type="number") 注册 on-change 事件：

<input type="tel" ng-model="$ctrl.numberField" ng-change="$ctrl.onChange()" />

然后在你的控制器中注入角度$timeout服务并定义onChange()功能：

onChange() {
    // the below code is relevant for Android platform in cordova
    if (typeof cordova != 'undefined' && cordova.platformId == "android") {
        // filter all available input characters in Android NumPad mode
        var r = new RegExp("[#/;,N\(\)\.\*\-]");
        if (r.test(this.data)) {
            // perform the filter after the digest cycle of angular is complete
            this.$timeout(() => {
                this.data = this.data.replace(r, "");
          }, 100);
     }
}

你在游戏中看到的所有奇怪的角色RegExp对象是 Android 可以放置在其键盘的 NumberPad 状态中的对象。

希望它能帮助别人！