色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - js(Vue)實(shí)踐:怎么做出輸入@,然后自動出現(xiàn)相關(guān)人選的列表?

瀏覽:120日期:2023-02-19 14:43:38

問題描述

做出效果如下:

javascript - js(Vue)實(shí)踐:怎么做出輸入@,然后自動出現(xiàn)相關(guān)人選的列表?

效果描述:1.用戶輸入@符號,出現(xiàn)選項(xiàng)列表,且選項(xiàng)列表自動定位到@符號后面。(目前的思路是:動態(tài)監(jiān)聽輸入字符如果為@,列表框出現(xiàn)在光標(biāo)懸停位置。)2.當(dāng)用戶輸入@后用戶忽略選擇繼續(xù)輸入,當(dāng)用戶回到@的位置,在@后點(diǎn)擊時觸發(fā)列表框展示。(這種思路是什么,或者有沒有類似的插件。)

javascript - js(Vue)實(shí)踐:怎么做出輸入@,然后自動出現(xiàn)相關(guān)人選的列表?

問題解答

回答1:

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

https://github.com/ichord/At.js (建議用這個,bug少,但不是專為Vue適配)

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

回答2:

沒見過,實(shí)現(xiàn)起來不會太復(fù)雜,input可以獲取光標(biāo)位置

回答3:

BOM Range對象

樓主可以看看這個Range對象。

標(biāo)簽: JavaScript
主站蜘蛛池模板: 毛片亚洲毛片亚洲毛片 | 高清日本在线成人免费视频 | 欧美高清在线 | 亚洲成人影院在线观看 | 久久夜夜视频 | 国产欧美日韩一区二区三区 | 美女国产在线观看免费观看 | 国产亚洲美女精品久久 | 草草影院ccyy国产日本欧美 | 一区二区三区欧美视频 | 日本欧美高清 | 国产呦精品系列在线 | 91高清国产经典在线观看 | 最新欧美精品一区二区三区不卡 | 国产精品久久久久免费 | 色综合精品久久久久久久 | 免费精品久久久久久中文字幕 | 韩国黄色一级毛片 | 亚洲天堂久久精品成人 | 极品精品国产超清自在线观看 | 欧美三级在线观看不卡视频 | 99久久久免费精品免费 | 另类亚洲视频 | 亚洲大片| 国产一二三区在线 | 国产高清免费观看 | 精品国产免费一区二区三区 | 欧美日韩精品一区二区免费看 | 久久久久久久久影院 | 九九久久久久午夜精选 | 免费91最新地址永久入口 | 日韩免费观看的一级毛片 | 13一14周岁毛片免费 | 一区二区三区四区在线免费观看 | 欧美日韩亚洲国内综合网俺 | 国产亚洲福利一区二区免费看 | 九九国产在线视频 | 91香蕉视频网 | 99九九精品免费视频观看 | 午夜性福利 | 国产精品久久久久久麻豆一区 |