#javascript #textarea #addeventlistener
#javascript #текстовая область #addeventlistener
Вопрос:
У меня есть текстовое поле и 2 диапазона, второй будет работать для созданного текстового поля, первый пользователь может вводить текст и увеличивать высоту текстового поля или может удалять и уменьшать высоту текстового поля, также пользователь может выбирать размер шрифта и увеличивать высоту текстового поля в зависимости от размера шрифта и не выполнять прокрутку
Когда я нажимаю на кнопку создать текстовую область, и я хочу, чтобы та же функциональность работала для созданной текстовой области, но когда я выбираю размер шрифта, все стили css для этой текстовой области переопределяются (background: ‘red’, resize: ‘none’ …), а также не работают одинаково
Я хочу, чтобы та же функция работала для созданной текстовой области, ширина которой осталась прежней, не менялась, а размер изменения высоты зависел от размера шрифта
https://jsfiddle.net/rmcuLjbh/4/
input.id = 'inputText2';
input.style.width = '150px';
input.style.border = '1px solid';
input.style.wordWrap = 'break-word';
input.style.resize = 'none';
input.style.position = 'absolute';
input.style.backgroundColor = 'red';
Комментарии:
1. Вы могли бы сохранить elms в массиве при создании нового элемента. Затем в выпадающем списке выберите, какую текстовую область вы хотите изменить. Таким образом, каждый раз, когда нажимается кнопка, вы, по сути, добавляете массив элементов с идентификатором нового элемента. Примечание : Функция должна знать, с каким идентификатором взаимодействовать, чтобы создать только одну функцию. Так что должен быть способ идентифицировать это.
2. Я знаю, но это не имеет значения, мой вопрос о том, как сохранить стили css, потому что, когда я выбираю размер шрифта из диапазона, моя созданная текстовая область не сохраняет стили css
3. Я просто хочу создать текстовую область после onclick on button с той же функциональностью, что и у #inputText textarea