文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
javascript - js（Vue）实践：怎么做出输入@，然后自动出现相关人选的列表？
PHP中文网
PHP中文网 2017-07-05 11:03:32
[JavaScript讨论组]
0 3 4209
举报

做出效果如下：

效果描述：
1.用户输入@符号，出现选项列表，且选项列表自动定位到@符号后面。（目前的思路是：动态监听输入字符如果为@，列表框出现在光标悬停位置。）
2.当用户输入@后用户忽略选择继续输入，当用户回到@的位置，在@后点击时触发列表框展示。（这种思路是什么，或者有没有类似的插件。）

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(3)
学习ing
学习ing2017-07-05 11:05:32 3楼

  • https://github.com/yuku-t/jqu...

  • https://github.com/ichord/At.js （建议用这个，bug少，但不是专为Vue适配）

  • https://github.com/fritx/vue-at

赞 +0
添加回复
天蓬老师
天蓬老师2017-07-05 11:05:32 2楼

没见过，实现起来不会太复杂，input可以获取光标位置

赞 +0
添加回复
PHP中文网
PHP中文网2017-07-05 11:05:32 1楼

BOM Range对象

楼主可以看看这个Range对象。

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部