如何在多行<text区域>

How can I implement autocompletion in a multiline <textarea>?

本文关键字：text 区域 gt lt 更新时间：2023-09-26

基本上，我试图复制的功能是@reply系统，因为它在StackOverflow上工作。我有一个评论列表，我希望用户能够键入@并查看以前所有评论中的用户名建议。

我只找到了对简单<input type="text">有效的解决方案，但对多行<textarea>无效。

我真的不在乎与IE或旧版浏览器的兼容性。

基本上，您想要做的是将一个keyup事件处理程序附加到文本区域，并且在该处理程序中，您需要在按下ctrl+2组合键时捕获。当你发现这一点时，你需要显示一个包含你的评论列表的弹出窗口。选择（单击）注释后，将所选注释插入文本区域的光标位置。下面是一个如何完成最后一部分的好例子——http://alexking.org/blog/2003/06/02/inserting-at-the-cursor-using-javascript.以前的一切都很简单。