简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - js（Vue）實踐：怎麼做輸入@，然後自動出現相關人選的清單？
PHP中文网
PHP中文网 2017-07-05 11:03:32
0
3
3555

做出效果如下：

#效果描述：
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
新增回覆
    Peter_Zhu
    Peter_Zhu2017-07-05 11:05:32 2樓

    沒看過，實作起來不會太複雜，input可以取得遊標位置

    點贊+0
    新增回覆
      Ty80
      Ty802017-07-05 11:05:32 1樓

      BOM Range對象

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

      點贊+0
      新增回覆
        熱門專題
        更多>
        熱門文章
        熱門教學
        更多>
        相關教學
        熱門推薦
        最新課程
        最新下載
        更多>
        網站特效
        網站源碼
        網站素材
        前端模板
        關於我們 免責聲明 Sitemap
        PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！