Подія enter на input

вступ

Пару тижнів тому мій друг попросив розібратися з маленькою проблемою. Йому було потрібно захопити значення текстового поля кожен раз, коли користувач в нього щось вводить і натискає на Enter. З такими сучасними фреймворками як Angular і React це дріб'язкова справа, так як в них вбудована прив'язка даних. Звичайно ж, ніхто не пішов по такому шляху. На щастя і без даних фреймворків код виявився дуже простий. Нижче я представив два шматочки коду - перший на JS, другий на JQuery. В основі обох лежить визначення текстового поля:

Наш сниппет (або по-російськи маленький шматочок коду) просто говорить: Відслідковуємо натискання клавіші в текстовому полі, і якщо це Enter (тобто код клавіші 13), в консоль виводимо значення текстового поля. Перший на JS:

І другий на JQuery:

висновок

А ось і висновок! Сподіваюся, дані сніппети в нагоді вам або знадобляться в ваших майбутніх починаннях. Спасибі за те, що дочитали до кінця.

Подія enter на input

Сучасні тенденції і підходи в веб-розробці

Дізнайтеся алгоритм швидкого професійного зростання з нуля в сайтобудування

Редакція: Команда webformyself.

Найсвіжіші новини IT і веб-розробки на нашому Telegram-каналі

Подія enter на input

Практика HTML5 та CSS3 з нуля до результату!

Схожі статті