文章詳情頁(yè)
javascript - js(Vue)實(shí)踐:怎么做出輸入@,然后自動(dòng)出現(xiàn)相關(guān)人選的列表?
瀏覽:229日期:2023-02-19 14:43:38
問(wèn)題描述
做出效果如下:

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

問(wèn)題解答
回答1:https://github.com/yuku-t/jqu...
https://github.com/ichord/At.js (建議用這個(gè),bug少,但不是專(zhuān)為Vue適配)
https://github.com/fritx/vue-at
回答2:沒(méi)見(jiàn)過(guò),實(shí)現(xiàn)起來(lái)不會(huì)太復(fù)雜,input可以獲取光標(biāo)位置
回答3:BOM Range對(duì)象
樓主可以看看這個(gè)Range對(duì)象。
標(biāo)簽:
JavaScript
排行榜

熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備