Задать вопрос
motokraft
@motokraft
Кратко о себе
javascript

Как показать клавиатуру ввода при нажатии на DIV?

Возможно ли при нажатии на DIV показать на мобиле клавиатуру ввода (та клавиатура которая появляется при нажатии на input), можно ее показать при нажатии на DIV

JS это будет или атрибут мне не важно!
  • Вопрос задан
  • 83 просмотра
5 комментариев
Подписаться 1 Простой 5 комментариев
Пригласить эксперта
Ответы на вопрос 1
Eugevin
@Eugevin
22 года, frontend как смысл жизни
Не понимаю конечно, в какой ситуации и при каком юзер кейсе это пригодится, но ладно:

<body>
  <div class="simple-keyboard"><input type="text"></div>
</body>


.simple-keyboard {
  position: relative;
}

.simple-keyboard input {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
}


makeButtonMagic();

function makeButtonMagic() {
  document.querySelector('.simple-keyboard').addEventListener('click', function () {
    this.querySelector('input').focus();
  })  
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дизайн интерфейса веб-приложения
24 нояб. 2024, в 14:37
3000 руб./в час
Обновить дизайн карты метро Москвы
24 нояб. 2024, в 13:04
500 руб./в час
Сделать сайт на Tilda
24 нояб. 2024, в 12:29
3000 руб./за проект
Ещё заказы