Здравствуйте.
Текущий код в целом устраивает и работает корректно, но хотелось бы немного его облагородить, добавив дополнительную проверку на цифру 7 вначале строки.
Т.е. если 7, то «+» перед ней, если другие, то ничего.
Также напрягает отсутствие возможности заменять выделение простым нажатием цифр. Сейчас только стирать и потом вводить заново.
<input type="tel" name="phone" placeholder="Контактный телефон" class="i_phone">
<script>
var phoneInput = document.querySelectorAll(".i_phone");
for(var i=0; i < phoneInput.length; i++){
phoneInput[i].addEventListener("keydown", function(e) {
"ArrowLeft" != e.key && "ArrowRight" != e.key && "Backspace" != e.key && "Delete" != e.key && "Tab" != e.key && e.preventDefault();
var t = "+1 (111) 111-11-11";
if (/[0-9\+\ \-\(\)]/.test(e.key)) {
var a = this.value,
n = a.length;
if(n>0 && e.key=='+');
else if (/[0-9+]/.test(e.key)){
if ("1" == t[n])
this.value = a + e.key;
else if ("+" == t[n])
{
this.value = a + e.key;
}
else if ("+" != t[n])
{
for (var r = n; r < t.length; r++) {
if ("1" == t[r]) {
this.value = a + e.key;
break
}
a += t[r]
}
}
if(this.value.length==1 && this.value!="+")
{
this.value="+"+this.value;
}
}
}
});
}
</script>
Буду благодарен за любую помощь в решении вопроса)
