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

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

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

JS это будет или атрибут мне не важно!
  • Вопрос задан
  • 116 просмотров
5 комментариев
Подписаться 1 Простой 5 комментариев
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 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();
  })  
}
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы