Я создаю веб-игру, в которой пользователь вводит код HTML на экране, а другой отображает результат кода, и я пытаюсь создать курсор для области ввода.Он имеет анимацию мигания и должен двигаться, когда пользователь что-то печатает.Экран редактирования выглядит следующим образом:
Я думаю, что изменение курсора ввода по умолчанию довольно сложно, поэтому я искал создание квадрата, но не мог переместить его с помощьюкурсор.Итак, что мне нужно:
- При загрузке страницы необходимо навести курсор на ввод (без нажатия на него пользователем).
- Создать больший курсор, который следуеткурсор ввода
- Сделать размер ввода динамическим.Его размер должен расти по мере того, как пользователь вводит (я думаю, что это лучший способ заставить курсор двигаться)
Я использую AngularJS в этом проекте.Одна проблема, с которой я столкнулся: мой вводимый текст тоже двигался влево, когда я набирал текст, поэтому мне нужно увеличить ввод справа.