Курс биткоина
3,393 $
главная/Number input: удаляем стрелки и блокируем изменение чисел с клавиатуры

Number input: удаляем стрелки и блокируем изменение чисел с клавиатуры

И так, у нас есть поле типа number. Наша задача: блокировать изменение чисел в input при помощи скролла мыши и клавиш вверх, вниз на клавиатуре. А также спрятать стрелочки управления цифрами в самом поле.

Основная работа ляжет на js.

  • Блокируем скролл, когда курсор фокусируется на инпуте.
  • Восстанавливаем скроллинг при помощи мыши.
  • Блокируем клавиши 38,40. Которые собственно и отвечают за инкремент и декремент чисел в поле input.

jQuery скрипт:

CSS сниппет:

Просто прячем стрелочки.