@molokhan

Как сделать, чтобы при фокусе любого input на странице, под этим input появлялось окошко с кнопками спец.символов?

Есть страница, на которой расположено несколько элементов input. Нужно, чтобы при выборе любого из этих input, под ним появлялось окошко, в котором будут кнопки спец. символов, доступных для ввода. При этом это окошко одинаково для любых полей ввода.
Изначально я хотел создать отдельный блок с этими кнопками, с помощью position: absolute сделать так, чтобы он всегда находился снизу родителя, а после с помощью JS добавлять этот блок внутрь любого сфокусированного input. Однако, Input это тег, не требующий закрытия, а значит выступать родителем не сможет.
Каким другим способом можно осуществить такую привязку?
  • Вопрос задан
  • 103 просмотра
Решения вопроса 1
@jasper-blondin
Если обертку создать нет возможности, решайте задачу "в лоб".
Сам шаблон окошка вынесите в BODY, чтобы окошко позиционировалось относительно страницы. Далее скриптами по определенному событию вычисляйте глобальные координаты активного INPUT и прописывайте соответствующие координаты своему окошку. Это не так сложно.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы