Запись на курсы по HTML, CSS, JavaScript, PHP, Python, фреймворкам и CMS,
а также: помощь в поиске работы и заказов, стажировка на реальных проектах→
⊗jsPmFmOin 404 of 505 menu
Хочешь читать code.mu на своем родном языке? Помоги с переводом! Переведем мы сами, тебе нужно указать на ошибки перевода:) Оставляй заявку ->

Событие input в JavaScript

Следующее событие, которое мы изучим, называется input. Оно возникает каждый раз при вводе нового символа в инпут или textarea. Посмотрим на примере. Пусть у нас есть инпут:

<input id="elem">

Давайте при каждом нажатии кнопки на клавиатуре будем выводить в консоль текущее содержимое инпута:

let elem = document.querySelector('#elem'); elem.addEventListener('input', function() { console.log(this.value); });

Дан инпут. Пусть в него вводится текст. Как только длина текста достигнет 5-ти, выведите на экран сообщение об этом.

Дан инпут. Пусть в него разрешено ввести 5 символов. Дан также абзац. По мере ввода символов в инпут пишите, сколько еще символов можно ввести. Когда количество символов превысит 5-ти, то в абзац выводите то, на сколько символов превышена длина текста.

byenru