如何在多行<textarea>?</textarea>中实现自动完成功能

时间:2012-03-27 00:24:41

标签: javascript html css autocomplete textarea

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

我发现解决方案适用于简单的<input type="text">,但不适用于多行<textarea>

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

1 个答案:

答案 0 :(得分:1)

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