首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >键入@,显示一个类似facebook状态框的名称列表

键入@,显示一个类似facebook状态框的名称列表
EN

Stack Overflow用户
提问于 2012-03-04 11:59:13
回答 2查看 364关注 0票数 0

在facebook状态框中,如果你输入“@”,就会出现朋友的名字列表。我正在尝试实现这样一个状态框。

但问题是:

在输入'@‘时,’div‘的位置应该在哪里,如何显示列表?我就是搞不懂它。

我通过了this的SOF问题,但实际上并没有讨论这个。

有没有人能尽可能多地阐明这一点?

我的选择是jquery。

EN

回答 2

Stack Overflow用户

发布于 2012-03-06 07:43:06

在facebook上快速浏览一下,似乎有一个<div>标签,它将突出显示的内容与文本内容一起呈现出来。

文本通过<textarea>元素上的onKeyUp事件一次捕获一个键击(透明的,覆盖在带有可见内容的div之上),并转置到<div>元素中。当检查key up事件时,只需检查key是否为'@‘并触发菜单事件。

票数 1
EN

Stack Overflow用户

发布于 2012-03-04 12:12:33

我敢肯定Facebook使用了一个带有contenteditable的元素,因为当你输入它的时候,超链接就会出现在行内。

或者,如果您不想格式化名称,您可以创建一个具有完全相同的字体CSS属性的新元素,测量偏移量并使dropdown元素出现在与textarea相同的偏移量处。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9554666

复制
相关文章
Modelsim仿真--波形状态机名称显示
在通常的modelsim波形仿真中,状态机的显示为16进制,如 3‘h1。如下图所示str_cur为状态跳变信号。
FPGA开源工作室
2021/07/30
7960
JavaScript实现模糊推荐的input框(类似搜索框)
如何用JS实现一个类似搜索框的输入框呢,再填充完失去焦点时,自动填充配置项,最终效果如下图: 实现很简单,但是易用性会上升一大截,需要用到的有jquery-ui的autocomplete,jquery
用户1225216
2018/03/05
4.5K0
JavaScript实现模糊推荐的input框(类似搜索框)
jquery怎么给循环出来的列表(类似于text框)取值和赋值
场景描述:这样的我在项目的时候遇到了一个很常见的问题,但是一直没有解决,最后在朋友的帮助下解决了,所以简单的将这个代码和解决的过程描述一下,给以后你们遇到类似问题的时候一个参考。
何处锦绣不灰堆
2020/05/29
2.1K0
jquery怎么给循环出来的列表(类似于text框)取值和赋值
在jquery中用下拉框列表显示默认的值
1、在postUpdate.jsp中添加js如下: <script type="text/javascript"> $(document).ready(function(){ var qx_value = $('#qx_select_value').val(); $("#qx_select option[value='"+qx_value+"']").attr("selected", "selected"); }) </script> 核心代码就这一句话: $("
qubianzhong
2018/08/10
3.6K0
显示组成一个图的多个元素的名称的分布。
import numpy as np import matplotlib.pyplot as plt from matplotlib.ticker import AutoMinorLocator, MultipleLocator, FuncFormatter np.random.seed(19680801) X = np.linspace(0.5, 3.5, 100) Y1 = 3+np.cos(X) Y2 = 1+np.cos(1+X/0.75)/2 Y3 = np.random.uniform(Y
裴来凡
2022/05/28
7480
显示组成一个图的多个元素的名称的分布。
Power BI 支持的颜色名称列表
在Power BI可用直接使用英文颜色名称自定义颜色,比如字体颜色、背景色、填充色等,通常使用条件判断进行颜色变化。
wujunmin
2022/12/13
1.2K0
Power BI 支持的颜色名称列表
使用VBA查找并在列表框中显示找到的所有匹配项
有时候,我们想从数据表中搜索指定的内容,但匹配项往往不只一项,而我们想要将匹配项全部显示出来,如下图1所示。
fanjy
2022/04/13
13.3K6
使用VBA查找并在列表框中显示找到的所有匹配项
设置 java -jar 的进程显示名称
有时候我们会用 nohup java -jar xxx.jar来将一些可执行的java application挂在后台,类似windows服务一样来运行。但是有一个不爽的地方,在linux终端里用jp
菩提树下的杨过
2018/01/19
2.2K0
设置 java -jar 的进程显示名称
jQuery搜索框,输入文字键盘抬起,显示返回值列表
<!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
王小婷
2020/05/26
1.6K0
jQuery搜索框,输入文字键盘抬起,显示返回值列表
给WordPress文章添加类似说说的状态样式
在网上找到一个可以给wordpress增加类似说说的样式教程,便在这里贴出来,大神直接无视哈。 先说明一下,本文所说的是在本博客所用主题上加以修改的哈,其他主题的博客使用的时候可以根据需要修改,下面我也会提及一些。 先附上效果图: 步骤一:找到functions.php文件在 register_nav_menu( 'primary', __( '导航菜单', 'Readd' ) ); register_nav_menu( 'second', __( '分类菜单', 'Readd' ) ); 下面添加如下代
用户1696846
2018/07/16
1.4K0
EndNote期刊名称显示错误的解决
  本文介绍EndNote文献管理软件导入文献引用时,期刊名称带有%J前缀从而不能正常显示的解决方法。
疯狂学习GIS
2023/06/26
1K0
EndNote期刊名称显示错误的解决
HTML 下拉列表框<select>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/03
4.8K0
HTTP状态码列表
1xx消息——请求已被服务器接收,继续处理 2xx成功——请求已成功被服务器接收、理解、并接受 3xx重定向——需要后续操作才能完成这一请求 4xx请求错误——请求含有词法错误或者无法被执行 5xx服务器错误——服务器在处理某个正确请求时发生错误 100199:表示成功接收请求,要求客户端继续提交下一次请求才能完成整个处理过程。 200299:表示成功接收请求并已完成整个处理过程。常用200 300399:为完成请求,客户需进一步细化请求。例如:请求的资源已经移动一个新地址、常用302(意味着你请求我,我让你去找别人),307和304(我不给你这个资源,自己拿缓存) 400499:客户端的请求有错误,常用404(意味着你请求的资源在web服务器中没有)403(服务器拒绝访问,权限不够) 500~599:服务器端出现错误,常用500
Li_XiaoJin
2022/06/10
8020
显示打印对话框
Montaque(Rain + Man=Rainman)  http://search.csdn.net/Expert/topic/1756/1756799.xml?temp=.8004572 加
Java架构师必看
2021/03/22
1.1K0
一个简单好用的二级选项列表弹出框demo
年后第一篇笔记,还是听听过年歌吧 效果 用法 1.首先要准备好要填充的一级列表的的数据和对应的二级列表数据 demo一级列表一共是三个选项 所以会有三个子选项的选项集合 ParentList = new ArrayList<>(); for (CharSequence ss : getResources().getTextArray(R.array.parent_item)){ ParentList.add((String)ss); } ArrayList<String> childLists1 =
项勇
2023/03/24
4900
一个简单好用的二级选项列表弹出框demo
如何获取Facebook用户的隐私好友列表
当拥有个人信息的组织机构发生数据失窃或遭受未授权访问行为时,就可能发生用户信息泄露事件。通常来说,这是种安全事件会导致一些敏感受保护的机密数据被广泛流传、分析或恶意利用。本文分享的漏洞writeup,只需知道Facebook用户的注册邮箱或者手机号码,就能间接获取该用户相关的隐私好友列表,进而推断出用户的一个大致的社交关系图谱。漏洞最终获得了Facebook官方$10,000美金的奖励。
FB客服
2019/05/09
3.9K0
如何获取Facebook用户的隐私好友列表
长按键入
你的朋友正在使用键盘输入他的名字name。偶尔,在键入字符c时,按键可能会被长按,而字符可能被输入1次或多次。
WindRunnerMax
2020/10/26
9340
点击加载更多

相似问题

Drupal中类似Facebook的状态消息框

20

类似Facebook的框不显示新闻馈送

10

创建facebook类似框

11

创建一个类似facebook的搜索框

10

如何在Facebook状态更新框(textarea)中突出显示好友名称?

25
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文