栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

文本区域的Twitter风格自动完成

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

文本区域的Twitter风格自动完成

我找不到任何完全符合我的要求的解决方案,因此得到了以下结果:

我使用jQuery

keypress()
事件来检查用户是否按下了
@
字符。
在这种情况下,将使用jQuery UI显示模式对话框。此对话框包含一个自动完成的文本字段(可以在此处使用许多选项,但我建议使用jQuery
Tokeninput

当用户在对话框中选择一个选项时,会将标签添加到文本字段,然后关闭对话框。

这不是最优雅的解决方案,但它可以工作,并且与我的原始设计相比,不需要额外的按键。

编辑
因此,基本上,我们有一个大文本框,用户可以在其中输入文本。他应该能够“标记”用户(这只是意味着

#<userid>
在文本中插入)。我附加到jQuery
keyup事件,并
@
使用
(e.which == 64)
来显示显示模式的文本字段来检测字符,以选择要标记的用户。

解决方案的实质就是带有jQuery
Tokeninput文本框的模式对话框。当用户在此处键入时,将通过AJAX加载用户列表。请参阅网站上的示例以了解如何正确使用它。当用户关闭对话框时,我将选定的ID插入大文本框中。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/427323.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号