Дублирование текста

@Nebiros · Регистрация: 23.03.2010

Студворк — интернет-сервис помощи студентам

у меня есть textarea в котором я ввожу текст и есть еще один div в котором текст дублируется (тегов естественно не видно уже), делаю так

HTML5
1
2
3
4
<textarea id="test" onkeypress="document.getElementById('echo_test').innerHTML=document.getElementById('test').value;">
</textarea>
<br />
<div id="echo_test"></div>

когда я пишу текст он отлично дублируется, а вот если я вставляю текст или удаляю то он не меняется, пока я не напечатаю символ, подскажите как сделать чтобы при любых изменениях текст дублировался?

@SergioSup · 16.11.2018, 17:19

попробуй вместо onkeypress поставить onkeyup

@shsv382 · 16.11.2018, 22:17

onkeyup решит только проблему, когда отображаемый в div текст отстает на один символ от textarea.
Вставка текста обычно происходит либо с клавиатуры (ctrlС-ctrlV), либо мышью.
Посему, думаю, для вставки лучше попробовать написать дублирование отдельной функцией, а затем назначить ее обработчиком:

JavaScript
1
2
3
4
5
const echo = (event) => {
  document.getElementById('echo_test').innerHTML = event.target.value;
}
 
test.onkeyup = test.onclick = echo;

@renat_dmitriev · 16.11.2018, 23:49

oninput

Новые блоги и статьи Все статьи Все блоги /
1С: Программный отбор элементов справочника Номенклатура по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	1С: Программный отбор элементов справочника Сотрудники по значению перечисления Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .

@SergioSup 84 / 81 / 42 Регистрация: 20.01.2017 Сообщений: 219
	16.11.2018, 17:19
	попробуй вместо `onkeypress` поставить `onkeyup` 0

@renat_dmitriev 392 / 294 / 121 Регистрация: 26.08.2016 Сообщений: 902
	16.11.2018, 23:49
	Сообщение было отмечено Nebiros как решение Решение oninput 1

Дублирование текста

Решение