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

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

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

JS это будет или атрибут мне не важно!
  • Вопрос задан
  • 109 просмотров
5 комментариев
Подписаться 1 Простой 5 комментариев
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 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();
  })  
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 200 000 до 300 000 ₽
Web-разработчик/WordPress программист (Full-stack)
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
Ещё вакансии