Как скопировать содержимое <textarea>в переменную с помощью прослушивателя событий?

Question

Я пытаюсь создать веб-сайт, который позволяет пользователю добавлять пользовательские HTML и CSS в режиме реального времени.Это достаточно просто.Однако мне нужно уметь оценивать классы и идентификаторы, чтобы они ни с чем не связывались.Я использую прослушиватель событий «input» для обнаружения изменений, но он не распознает изменения от «вставки» и «выделения + удаления».Что я могу сделать, чтобы это исправить?

let buffer = "";
let new_html = document.getElementsByClassName("insert-new-content");
let preview = document.getElementById("new-content-preview");
let update_html = function (letter){ 

                //Used to recognize when a letter is deleted
                if(!letter.data)buffer = buffer.slice(0, buffer.length - 1);
                //appends new information to buffer for evaluation
                else buffer += letter.data;

};

new_html[0].addEventListener("input", update_html);
new_html[1].addEventListener("input", update_html);

Answer 1

Вы можете просто использовать event.srcElement.value;.Возвращает текст текстовой области.

function update_html(event){
  buffer = event.srcElement.value;
}