javascript - 如何在多行 <textarea> 中实现自动完成？

Question

基本上，我要复制的功能是 @reply 系统，因为它在 StackOverflow 上运行。我有一个评论列表，我希望用户能够输入 @ 并查看之前所有评论的用户名建议。

我只找到适用于简单 <input type="text"> 的解决方案, 但不在多行上 <textarea> .

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

Answer 1

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