Доступ к данным HTML TextArea с помощью JavaScript в режиме реального времени для поиска и изменения вводимых данных в режиме реального времени.

Я пишу html-страницу с формой для сбора данных textarea. Когда я печатаю, я хотел бы, чтобы программа JavaScript отслеживала специальные символы, такие как \n - новая строка, \t-tab или другие элементы, которые я отслеживаю, и немедленно меняла текст в текстовой области. Я частично работал с функцией textfield.value.

Спасибо за помощь.


person blairmc    schedule 23.11.2020    source источник
comment
Пожалуйста, поделитесь кодом, который у вас есть.   -  person ElectricShadow    schedule 24.11.2020


Ответы (3)


Вы можете добавить прослушиватель событий onChange или onInput в текстовую область. Всякий раз, когда происходит изменение значения текстовой области, функция, переданная прослушивателю, запускается.

person Kevin Izuchukwu    schedule 23.11.2020

Добавьте прослушиватель событий onChange или onInput. Вот как вы можете это сделать.

let textarea = document.querySelector("textarea");

textarea.addEventLisenter("input", e => {
 // Text in your textarea;
 let value = e.target.value; 
 // to change your text area input
 let newValue = e.target.value.replace(/some regex/, "new value");
 e.target.value = newValue;
})
person Sherif Wael    schedule 23.11.2020

Вы можете добавить обработчик InputEvent в текстовую область.

let textArea = document.getElementById("the-id");
textarea.addEventListener("input",event=>{
   let newText = event.data;
    swicth(newText){
     case "'\n" : {
     /* Your logic here */
     }
}
});
person Tinsae    schedule 23.11.2020