Я пытаюсь создать веб-сайт, который позволяет пользователю добавлять пользовательские 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);