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

标签 javascript html css autocomplete textarea

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

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

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

最佳答案

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

关于javascript - 如何在多行 &lt;textarea&gt; 中实现自动完成?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9881746/

相关文章:

javascript - 在 Sails.js 中更新用户模型时密码被更改

html - 表格宽度不适应分辨率

javascript - 尝试使用数组制作包含视频和图像的幻灯片,但图片不会显示

html - jpg 上的 svg 蒙版不起作用

javascript - 呈现 div 背景图像后的 jQuery 事件

JavaScript:自动更新长度属性

javascript - 获取div内文本的实际高度

java - 如何使用 NanoHTTPD 显示日志文件

javascript - Bootstrap 导航栏折叠不起作用

javascript - 如何首先加载/呈现 HTML/CSS,然后再加载 Javascript(仅在必要时)?