Как вводить данные на мобильном сайте без поля ввода

Question

Пользователь должен нажать клавишу X для запуска функции, и она отлично работает там, где есть физическая клавиатура, но как я могу заставить виртуальную клавиатуру в мобильной версии? Я не могу придумать, как это сделать без добавления поля ввода.

document.addEventListener("keyup", function(event) {
  if (event.keyCode === 88) {
   newx();
  }
});
function newx()
{alert("Hello");
}

<h1>Key in X</h1>

Ответ, который я использую для -> https://home.ajkallivayalil.repl.co/

Answer 1

После некоторого поиска в Google я пришел к этому, но я предлагаю вам сделать другой пользовательский интерфейс, как сказал @ 95faf8e76605e973 . (например, кнопка)

Если у вас есть какое-то поле ввода и вы делаете его скрытым, например, используя display: none или visibility: hidden, вы можете использовать JavaScript, чтобы активировать его в любое время, таким образом вызывая клавиатуру .

Для этого вам просто нужно использовать .focus() в своем элементе.

Ссылка на страницу SO, которую я нашел.