使用 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 */     }}});