маскированный ввод не работает на мобильных устройствах Android?

Я решил эту проблему с помощью трех действий, которые исправили это для всех телефонов Android 4.0+:

1. Обновите маскированный ввод как минимум до версии 1.4.
2. Добавьте type="tel" к вводу, чтобы активировать цифровую клавиатуру
3. Удалите атрибут ввода maxlength или установите для него значение, которое не будет мешать действию курсора, например 20.

Я попытался использовать необработанный скрипт, о котором упоминал Джонатан Роуни, но у меня все еще была та же проблема в браузере S3 — Chrome. Я думаю, что это как-то связано с входами type="tel" и/или type="number". В итоге пришлось использовать другой плагин. http://igorescobar.github.io/jQuery-Mask-Plugin/

jquery-mask (не путать с jquery-masked-input) очень похож, но синтаксис немного отличается. Надеюсь, это поможет кому-нибудь еще с этой проблемой.

Синтаксис jquery-маскированного ввода: $("#phone").mask("(999) 999-9999");

VS

Синтаксис jquery-маски: ('#phone').mask('(000) 000-0000');

Это было исправлено некоторое время назад, но почему-то дистрибутив, размещенный на сайте, не принял изменений. Если вы берете исходный код, исправление работает: https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/master/src/jquery.maskedinput.js

Попробовав разные библиотеки масок (Inputmask, ui-mask, ngMask), я остановился на jQuery-Mask -Plugin https://igorescobar.github.io/jQuery-Mask-Plugin/, который работает очень хорошо, а также легкий и хорошо документированный и имеет образцы angularjs, react,....

Я только что столкнулся с этой проблемой и решил ее, удалив атрибут type="number" из текстового поля asp. После этого маскированный ввод работал даже на мобильных устройствах.

Библиотека, использованная в вопросе, больше не поддерживается. Я переключил свое приложение на ввод маски jQuery, так как он отлично работает, имеет очень похожий базовый вызов инициализации к прежней библиотеке, обеспечивающий чрезвычайно простой переход, и на момент написания этого поста JQuery Mask Input регулярно поддерживается на GitHub.

Моя проблема заключалась в том, что маскировщик телефонного номера перемещал курсор обратно во вторую позицию при вводе 3 или 4 цифр. После этого курсор продолжал вести себя странно. Проблема была замечена при использовании jQuery Masked Input v1.4.1 (старая библиотека) в планшетах Android с использованием Chrome post major версии 51.

Чтобы еще больше улучшить принятый ответ Тони Брасунаса, добавьте следующий фрагмент в jquery.maskedinput.js для точки номер 3, чтобы динамически увеличивать максимальную длину, чтобы она не мешала действию курсора.

Удалите атрибут maxlength ввода или задайте для него значение, которое не будет мешать действию курсора, например 20.

    defs = $.mask.definitions;
    tests = [];
    partialPosition = len = mask.length;
    firstNonMaskPos = null;

    //insert snippet below
    if (chrome && android) {
        console.log("chrome && android");
        var allAllowedRegExps = '';
        jQuery.each(defs, function (key, value) {
            allAllowedRegExps = allAllowedRegExps + key;
        });
        allAllowedRegExps = allAllowedRegExps.replace(/\[/g, '');
        allAllowedRegExps = allAllowedRegExps.replace(/\]/g, '');
        allAllowedRegExps = '[^' + allAllowedRegExps + ']';
        var re = new RegExp(allAllowedRegExps, "g");
        var actual = mask;
        var replacedVal = actual.replace(re, "");
        var actualValue = actual.length - replacedVal.length;
        if ($(this).attr('maxlength') !== undefined) {
            $(this).attr('maxlength', parseInt(this.attr('maxlength')) + parseInt(actualValue));
        }
   }

    mask = String(mask);

Это может быть быстрое решение:

var ua = navigator.userAgent;
var isAndroid = /Android/i.test(ua);
var isChrome = /Chrome/i.test(ua);

// Fix masking on Chrome for mobile devices
if (isAndroid && isChrome) {
    $('.price_input').attr('type','tel');
}