Событие при вводе данных - JavaScript

JavaScript для начинающих

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Рейтинг 4.71/7:

@HusrFX 1 / 1 / 0 Регистрация: 20.02.2019 Сообщений: 41

	Событие при вводе данных 29.04.2019, 01:14. Показов 1411. Ответов 1 Метки нет (Все метки) Дано задание: Сделайте так, чтобы при вводе текста в имеющееся на странице поле, данный текст сразу же отображался справа от этого поля. Не совсем понимаю как это сделать. 0

Лучшие ответы (1)

Сообщение: #13530908

IT_Exp

Эксперт

34794 / 4073 / 2104

Регистрация: 17.06.2006

Сообщений: 32,602

Блог

29.04.2019, 01:14

Ответы с готовыми решениями:

Изменение значения при вводе данных
Возможно создал тему не там где надо, поправьте меня если это так. Вопрос заключается в следующем. Как можно реализовать на сайте данный...

Ошибка в вводе данных из HTML и переносе их в JavaScript, при выполнении оператора IF или оператора swithc
доброго времени суток, при выполнении одной учебной задачи столкнулся с проблемой: при введении любого значения в поле, код выдает только...

Загрузка возможных вариантов при вводе данных в input
Здравствуйте еще раз.Возникла необходимость сделать такую вещь: при вводе пользователем каких-либо данных в input, там должна идти...

Пифагор

2172 / 1655 / 840

Регистрация: 10.01.2015

Сообщений: 5,207

29.04.2019, 01:43

Сообщение было отмечено HusrFX как решение

Решение

HusrFX,

HTML5
1
<input name="input" type="text"><span id="result"></span>

JavaScript
1
2
3
document.addEventListener("input", () =>{
    document.querySelector("#result").innerHTML = document.querySelector("input[name=input]").value;
})

Добавлено через 53 секунды
https://jsfiddle.net/kov7mfqg/

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

BasicMan

Эксперт

29316 / 5623 / 2384

Регистрация: 17.02.2009

Сообщений: 30,364

Блог

29.04.2019, 01:43

Помогаю со студенческими работами здесь

Событие при неверном вводе даты в DateTimePicker
Задаю параметр DateTimePicker1.Date из ячейки StringGrid. Мне надо, чтобы если пользователь ввёл неверный формат даты, содержимое ячейки...

Код не реагирует на событие при вводе отрицательного значения key
Подскажите, почему код не реагирует на событие при вводе отрицательного значения key: public delegate void Handler(int value); ...

Подобрать событие для того, чтобы при вводе текста гласные буквы заменялись на их порядковый номер в алфавите
Нужно подобрать событие для того, чтобы при вводе текста гласные буквы заменялись на их порядковый номер в алфавите.

Почему событие change элемента input tex при вводе текста в пустой элемент передает пустую строку?
мой код $('#login').change(function() { log=this.value; исходное состояние элемент пуст. Ввожу туда информацию , перехожу на...

При вводе данных в базу данных вводятся лишь цифры
Доброго времени суток, столкнулся с ненастью, при добавлении данных в базу данных заносятся лишь цифры, буквы не заносятся, ни русские ни...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Новый CodeBlocs. Версия 25.03 palva 04.01.2026 Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .	Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .

Наверх