国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - js(Vue)實(shí)踐:怎么做出輸入@,然后自動(dòng)出現(xiàn)相關(guān)人選的列表?
PHP中文網(wǎng)
PHP中文網(wǎng) 2017-07-05 11:03:32
0
3
3784

做出效果如下:

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

PHP中文網(wǎng)
PHP中文網(wǎng)

認(rèn)證高級PHP講師

全部回復(fù)(3)
學(xué)習(xí)ing
  • https://github.com/yuku-t/jqu...

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

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

Peter_Zhu

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

Ty80

BOM Range對象

樓主可以看看這個(gè)Range對象。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板