Курсы javascript
Создаю визуальный редактор, где будут специальные кнопки для добавления цветовых блоков. Всего их будет 5. Я решила сделать так что при щелчке добавляется блок и автоматически устанавливается курсор для печатания, чтобы пользователь мог сразу напечатать текст. Столкнулась с такой проблемой, что мигающий курсор добавляется, только в первый блок при повторном использовании просто создается блок а курсор не добавляется. Как это исправить, чтобы в каждый новый блок размещался курсор, для печатания текста?
Мигающий курсор
Как сделать постоянно мигающий курсор в поле ввода <input type=’text’> ?
Т.е. не зависимо от того, есть ли фокус в данном поле ввода.
При фокусе в поле ввода там появляется стандартное мигание курсора, но нужно чтобы и без фокуса было мигание
Анимацию можно отключить по step-end . + нужно убирать свой курсор на фокусе, чтобы не пересекался с системным курсором. и еще нужно совсем его удалять на заполненном инпуте.
если нужно чтобы пользователь что-то ввел сразу, то можно попробовать <input type= ‘text’ autofocus>
Upd:
For better usability, avoid using autofocus. Automatically focusing on a form control can cause the page to scroll on load. The focus can also cause dynamic keyboards to display on some touch devices. While a screen reader will announce the label of the form control receiving focus, the screen reader will not announce anything before the label, and the sighted user on a small device will equally miss the context created by the preceding content.
Как сделать в CSS мигающий "курсор / прямоугольник" после "обычного" текста?
Здорово! он мигает, но не на той же строке. Я изменил «-webkit-animation:» и «animation:» на 1 с, но это была личная настройка.
добавление display: inline-block; и выравнивание по вертикали: по центру; to .blinking может быть тем, что вам нужно!
Я думаю, проблема в том, что на вашем animation-name установлено неправильное значение. Измените его на blinking (имя ваших ключевых кадров) вместо blob , чтобы он использовал ту анимацию, которую вы настроили.
Другие вопросы по теме
Похожие вопросы
Находите ответы на сложные технические вопросы по программированию, с которыми сталкиваются инженеры по всему миру в своей ежедневной практике на сайте RedDeveloper.