如何在不按下按钮的情况下自动处理 <textarea> 的内容？

Posted 2023-05-07

【中文标题】如何在不按下按钮的情况下自动处理 <textarea> 的内容？

【英文标题】：How to automatically process contents of <textarea> without user pressing a button?

【发布时间】：2011-01-01 07:00:14

【问题描述】：

在我的页面上，我有一个文本区域，用户可以在其中输入项目列表，项目由换行符分隔。

我想处理用户的输入，而无需他/她按下提交按钮。 （“进程”是指将用户输入的信息发送到服务器并更新当前页面上的其他元素。）我想了两天这样做：

1- 为按键事件安装事件处理程序，当我收到按下 Enter 键的事件时，处理用户刚刚完成的行。 （获取光标位置信息已完成here。）这具有不处理复制粘贴到表单中的缺点。 （而且，如果我在浏览 Stack Overflow 时理解正确，即使在最常见的浏览器中，对处理粘贴事件的支持也是 not great，对吧？）

2- 使用 setInterval() 定期处理 textarea 的内容。我已经在页面上使用 setInterval() 来实现unique URLs pattern，所以如果可以的话，我会避免这种情况。

有没有更好的方法来实现这一点？

【参考方案1】：

还有一个文本区域的“onchange”事件。您可以使用它来检测任何更改，包括粘贴或魔术插入。

【讨论】：

@alemjerus：谢谢，这很有帮助！我会听那个事件。