键入@，显示一个类似facebook状态框的名称列表
键入@，显示一个类似facebook状态框的名称列表
提问于 2012-03-04 11:59:13
在facebook状态框中，如果你输入“@”，就会出现朋友的名字列表。我正在尝试实现这样一个状态框。
但问题是：
在输入'@‘时，’div‘的位置应该在哪里，如何显示列表?我就是搞不懂它。
我通过了this的SOF问题，但实际上并没有讨论这个。
有没有人能尽可能多地阐明这一点？
我的选择是jquery。
回答 2
Stack Overflow用户
发布于 2012-03-06 07:43:06
在facebook上快速浏览一下，似乎有一个<div>标签，它将突出显示的内容与文本内容一起呈现出来。
文本通过<textarea>元素上的onKeyUp事件一次捕获一个键击(透明的，覆盖在带有可见内容的div之上)，并转置到<div>元素中。当检查key up事件时，只需检查key是否为'@‘并触发菜单事件。
Stack Overflow用户
发布于 2012-03-04 12:12:33
我敢肯定Facebook使用了一个带有contenteditable的元素，因为当你输入它的时候，超链接就会出现在行内。
或者，如果您不想格式化名称，您可以创建一个具有完全相同的字体CSS属性的新元素，测量偏移量并使dropdown元素出现在与textarea相同的偏移量处。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9554666
复制相关文章
点击加载更多
相似问题
Drupal中类似Facebook的状态消息框
类似Facebook的框不显示新闻馈送
创建facebook类似框
创建一个类似facebook的搜索框
如何在Facebook状态更新框(textarea)中突出显示好友名称？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
