Отображение курсора в поле телефона

155
07 мая 2018, 23:25

Использую обычный плагин jquery.maskedinput.js для задания поле с телефоном. Можно ли сделать, чтобы при клике на любое место в инпуте курсор перескакивал в начало ввода номера, а то если кликнуть в конце инпута, курсор там и останется

<input type="text" placeholder="Ваш телефон" id="phone5">
<script>
    $("#phone5").mask("+375 (99) 999-99-99");
</script>
Answer 1

Может немного не в тему вопроса, лишним точно не будет. Если у вас только маска для телефона, не забивайте сайт лишними библиотеками. Используйте данный скрипт:

var phoneInput = document.querySelector("#phone-mask"); 
phoneInput.addEventListener("keydown", function(e) { 
  "ArrowLeft" != e.key && "ArrowRight" != e.key && "Backspace" != e.key && "Tab" != e.key && e.preventDefault(); 
  var t = "+375 (111) 111-11-11"; 
  if (/[0-9\+\ \-\(\)]/.test(e.key)) { 
    var a = this.value, 
      n = a.length; 
    if (/[0-9]/.test(e.key)) 
      if ("1" == t[n]) this.value = a + e.key; 
      else 
        for (var r = n; r < t.length; r++) { 
          if ("1" == t[r]) { 
            this.value = a + e.key; 
            break 
          } 
          a += t[r] 
        } 
  } 
});
<input placeholder="+375 (XXX) XXX-XX-XX" id="phone-mask" type="text">

С курсором проблем конечно же не будет.

READ ALSO
Свойство Ptototype

Свойство Ptototype

Есть вот такой код

161
Vue.js передача в props вычисляемого свойства computed

Vue.js передача в props вычисляемого свойства computed

Есть вот такой элемент в style которого я передаю динамическую длину зависящую от длины массива с элементами

165
Как получить доступ к текущей таблице после её добавления?

Как получить доступ к текущей таблице после её добавления?

У меня есть таблица tb_questions после добавлении в нее новой записи, мне нужно моментально добавить в tb_recipients id данной записи, то есть в tb_recipients...

224
Плюсы и минусы двух связок для php7 - nginx/apache/mod_php vs nginx/php-fpm

Плюсы и минусы двух связок для php7 - nginx/apache/mod_php vs nginx/php-fpm

Профи, подскажите, какие преимущества и недостатки у бекенд-серверов для php7, apache/mod_php vs php_fpm

222