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

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

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

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

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

Похожие вопросы
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy • Нижний Новгород
от 50 000 до 90 000 ₽
Ещё вакансии