使用 JavaScript 实时访问 HTML TextArea 数据，以查找和更改实时键入的数据

Question

我正在编写一个带有表单的 html 页面来收集文本区域数据。当我打字时，我希望 JavaScript 程序能够监视特殊字符，例如“\n - 换行符”、“\t-tab”或我正在监视的其他项目，并立即更改文本区域中的文本。我得到它部分与 textfield.value 函数一起工作。谢谢您的帮助。

Answer 1

您可以向文本区域添加 onChange 或 onInput 事件侦听器。每当文本区域的值发生更改时，就会触发传递给侦听器的函数

Answer 2

添加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;

})

Answer 3

您可以将 InputEvent 处理程序添加到文本区域。

let textArea = document.getElementById("the-id");

textarea.addEventListener("input",event=>{

   let newText = event.data;

    swicth(newText){

     case "'\n" : {

     /* Your logic here */

     }

}

});