複数行にオートコンプリートを実装するにはどうすればいいですか<textarea>？

Question

基本的に私が複製しようとしている機能は、StackOverflow上で動作する@replyシステムです。私はコメントのリストを持っており、ユーザは@を入力して、以前のすべてのコメントからユーザ名の提案を見ることができるようにしたい。

私は単純な<input type="text">で動作する解決策を見つけましたが、複数行には対応していません<textarea>。

IEやレガシーブラウザとの互換性については特に気にしません。

Answer 1

基本的には、keyupイベントハンドラをtextareaと、Ctrl + 2キーの組み合わせが押されたときに捕捉するハンドラにアタッチするだけです。これをキャッチすると、あなたのコメントリストを含むポップアップを表示する必要があります。コメントを選択（クリック）すると、選択したコメントをテキストエリアのカーソル位置に挿入します。最後の部分を行う方法の良い例 - http://alexking.org/blog/2003/06/02/inserting-at-the-cursor-using-javascriptです。前のすべてはかなり簡単です。