Как реализовать маску ввода телефонного номера?

Question

[serik]

Как сделать маску телефонного номера, но не тупо 8 (__) __ - __ - ___
А расширить условие, я пытался у меня ничего не вышло...
Чтобы при вводе в поле 8 маска начиналась с 8
Или после заполнения телефона я передумал стер весь номер, начал вводить с 7 и включилась маска 7 ??
Пример реализации

Comments

[ReaverJS]

Вот хорошее расширение - https://imask.js.org/

[serik]

ReaverJS, почти получилось

document.addEventListener("DOMContentLoaded", function () {
    var input = $('.telephonetext')[0];
    input.oninput = function() {
        if(input.value == 7 && input.value !== '') {
            var phoneMask = IMask($('.telephonetext')[0], {
              mask: '+{7} [phone]'
            });
        } else {
            var phoneMask = IMask($('.telephonetext')[0], {
              mask: '{8} [phone]'
            });
        }
    }
});

Вот такой код использую, но поведение очень странное

[ReaverJS]

Сергей Сапогин, там есть встроенный функционал.

Answer 1

[eugenedrvnk]

Более чем уверен что есть уже готовые решения в виде разного рода плагинов, но суть конкретно в вашем случае такова, что при инпуте смотреть event.target.value и в зависимости от длины либо добавлять к нему скобки, либо нет.