Всем привет. Вообщем задачка нужно сделать маску как на https://www.tinkoff.ru/login/ Код ниже работает, но немного не так как хотелось. Если юзер изначально написал нету цифру, что хотел, то если он сотрёт содержимое input-а ,применённая ранее маска останется, а должна сброситься.
Был бы очень признателен, если кто подскажет решение.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="">
<input type="text" class="phone">
</form>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="js/jquery.maskedinput.min.js">
</script>
<script>
$(document).ready(function() {
$( ".phone" ).one('keydown', function(event) {
if (event.key==8) {
$(this).mask("+9 (999)-999-99-99")
}
else if(event.key==7) {
$(this).mask("+9 (999)-999-99-99")
}
else if(event.key==9) {
$(this).mask("+7 (999)-999-99-99")
}
else if(event.key==4) {
$(this).mask("+7 (999)-999-99-99")
}
else if(event.key==3) {
$(this).mask("+7 (999)-999-99-99")
}
});
});
</script>
</body>
</html>