javascript - js (Vue) 実践:@を入力すると関連候補が自動で表示される方法は?
PHP中文网
PHP中文网 2017-07-05 11:03:32
0
3
3656

効果は次のとおりです:

効果の説明:
1. ユーザーが @ 記号を入力すると、オプション リストが表示され、オプション リストは自動的に @ 記号の後ろに配置されます。 (現在のアイデアは、入力文字が @ であるかどうかを動的に監視し、カーソルが置かれている位置にリスト ボックスが表示されるというものです。)
2.ユーザーが @ を入力すると、ユーザーは選択を無視します。入力を続行し、ユーザーが @ の位置に戻ると、 @ の後にクリックされたときにリスト ボックスの表示がトリガーされます。 (このアイデアは何ですか、または同様のプラグインはありますか。)

PHP中文网
PHP中文网

认证高级PHP讲师

全員に返信(3)
学习ing
  • https://github.com/yuku-t/jqu...

  • https://github.com/ichord/At.js (これを使用することをお勧めします。バグは少ないですが、特に Vue に適合しているわけではありません)

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

いいねを押す +0
Peter_Zhu

これまで見たことがありません。実装はそれほど複雑ではありません。入力によりカーソル位置を取得できます

いいねを押す +0
Ty80

BOM範囲オブジェクト

元の投稿者はこの Range オブジェクトをご覧ください。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート