1.取以前保留先来的信息
2.删除 @ 符号
3.生成需要显示的内容，一个 span
4.将生成内容打包放在 Fragment 中
5.将 Fragment 中的内容放入 range 中，并将光标放在空格之后
6.成功选人后让输入框获取焦点
1.按下了@键，保存按下@时的光标信息
2.获取当前文本。 有@时，获取@参数，展示@列表；没有有@时，纯文本展示。
1.光标点击时，@列表不展示
2.按下键盘时触发，
1.按下enter键发送
2.按下@键保存变量为true，执行后续操作；
3.按下删除键，删除@xx整体
a ：因为在建立时默认会在 @xxx 后添加一个空格，
因此当得知光标位于 @xxx 以后的一个第一个字符后并按下删除按钮时，
应该将光标前的 @xxx 给删除
b ：当光标位于 @xxx 中间时，按下删除按钮时应该将整个 @xxx 给删除。
js是javascript ，JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。
JavaScript脚本功能：
通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
1、是一种解释性脚本语言（代码不进行预编译）。
2、主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。
3、可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。
4、跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。
复制是一个使用频率特别高的操作，在网页中，一般可以选中要复制的内容，使用快捷键ctrl+c 将内容复制到剪贴板。除了使用系统提供的快捷方式复制网页内容，我们还可以用JS实现复制，这得益于document的execCommand('copy') 命令。
我们可以通过表单元素的select()方法选中内容，表单元素因为textarea限制少于input，所以推荐使用textarea。我们可以动态创建一个textarea元素，将textarea的value属性值设置为上面的innerText属性值，再执行textarea的select方法选中。
上面实现了选中，下面就可以实现复制功能了。
最后一步就可以用execCommand('copy')实现复制了，它可以复制浏览器中选中的文本，比如说上面被textarea选中的文本，复制之后记得移除textarea。
第二步和第三步可以优化一下，创建一个copy函数，函数参数设置为第一步需要复制的文本，返回值为复制的结果。
完整JS示例如下：
使用示例
可以将上面的完整JS示例写入一个JS文件，将JS文件引入HTML中，通过JS点击事件来执行复制函数。
