Как я могу реализовать автозаполнение в многострочном <textarea>?

Question

В основном, функциональность, которую я пытаюсь воспроизвести, - это система @reply, так как она работает здесь, в StackOverflow.У меня есть список комментариев, и я хочу, чтобы пользователь мог набирать @ и видеть предложения имен пользователей из всех предыдущих комментариев.

Я нашел только решения, которые работают на простых <input type="text">, но не наmultiline <textarea>.

Меня не волнует совместимость с IE или устаревшими браузерами.

Answer 1

По сути, вы хотите прикрепить обработчик события keyup к текстовой области, и в этом обработчике вам нужно перехватить нажатие комбинации клавиш ctrl + 2. Когда вы поймете это, вам нужно показать всплывающее окно, содержащее ваш список комментариев. Когда комментарий выбран (нажат), вставьте выбранный комментарий в положение курсора текстовой области. Вот хороший пример того, как сделать последнюю часть - http://alexking.org/blog/2003/06/02/inserting-at-the-cursor-using-javascript. Все до этого довольно просто.