为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

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

3 回答

?
红颜莎娜

TA贡献1842条经验 获得超12个赞

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



查看完整回答
反对 回复 2023-08-24
?
RISEBY

TA贡献1856条经验 获得超5个赞

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

})


查看完整回答
反对 回复 2023-08-24
?
慕桂英4014372

TA贡献1871条经验 获得超13个赞

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


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

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

   let newText = event.data;

    swicth(newText){

     case "'\n" : {

     /* Your logic here */

     }

}

});


查看完整回答
反对 回复 2023-08-24
  • 3 回答
  • 0 关注
  • 104 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信