Как стать автором
Обновить

Удобный подбор цифровых значений в полях input

Время на прочтение1 мин
Количество просмотров433
В фаербаге есть приятная особенность изменения цифровых значений.
Заключается она в том, что значение поля можно увеличить или уменьшить на единицу, нажав клавишу стрелка вверх/вниз.

Или на десяток сразу используя клавиши страница вверх/вниз.

Мне понравился такой способ изменения значений для подбора, и я подумал,
что неплохо бы было реализовать подобное для текстовых полей input на страницах.

Идея такая.
При нажатии клавиши стрелка вверх/вниз в текстовом поле цифра под курсором будет увеличивается/уменьшается на единицу.
Скрипт делает доступными для таких изменений все текстовые поля.
Даже если в поле будет значение «asdf5qwer», то цифру можно менять.

Т.е. такое изменение можно сделать в любом разряде числа.
Удобно.

Для прототипной реализации использован Jquery и плагин для него fieldselection (1.75 KB).
Плагин используется для получения и установки позиции курсора.

UP: Пример

Реализация пробная и работает не во всех браузерах, пост приследует цели обратить внимание на данный метод.
Теги:
Хабы:
Всего голосов 5: ↑3 и ↓2+1
Комментарии11

Публикации

Истории

Ближайшие события

27 августа – 7 октября
Премия digital-кейсов «Проксима»
МоскваОнлайн
14 сентября
Конференция Practical ML Conf
МоскваОнлайн
19 сентября
CDI Conf 2024
Москва
20 – 22 сентября
BCI Hack Moscow
Москва
24 сентября
Конференция Fin.Bot 2024
МоскваОнлайн
25 сентября
Конференция Yandex Scale 2024
МоскваОнлайн
28 – 29 сентября
Конференция E-CODE
МоскваОнлайн
28 сентября – 5 октября
О! Хакатон
Онлайн
30 сентября – 1 октября
Конференция фронтенд-разработчиков FrontendConf 2024
МоскваОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн