номер типа ввода не получает фокус и не устанавливает курсор

#javascript #html

#javascript #HTML

Вопрос:

Есть идеи о том, как получить фокус и курсор на номер типа ввода?

focus() and select() не работает

Использование html и простого javascript

Комментарии:

1. попробуйте addEventListener()

Ответ №1:

Если я правильно понимаю, используйте addEventListener() для достижения желаемого эффекта

     <input type="number" id="input" />

    <script>
    document.getElementById('input').addEventListener('focus', function() {
      console.log('input focus')
    })

    document.getElementById('input').addEventListener('select', function() {
      console.log('input select')
    })
    </script>
 

Ответ №2:

Я подтвердил эту проблему в Chrome (используя select ()).

Я нашел этот веб-сайт Mozilla. Это предполагает следующее: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/select

В браузерах, где он не поддерживается, его можно заменить вызовом HTMLInputElement.setSelectionRange() с параметрами 0 и длиной входного значения:

Я не тестировал это с помощью input type=number, но я считаю, что это ДОЛЖНО сработать. Возможно. Может быть 🙂

— Редактировать —

Я только что протестировал это. У меня это работает с помощью focus ()