Мне нужен способ использования их мягкой клавиатуры для мобильных браузеров

Question

Сценарий: У меня есть веб-приложение, где мне нужно захватить все введенные ключевые слова на страницу в центральном месте. Мое первое решение заключалось в том, чтобы постоянно уделять внимание текстовому полю, чтобы все сосредоточиться на нем. Это потрясающе работает для настольных браузеров, но вызывает нежелательный эффект от того, что мягкая клавиатура на мобильных браузерах всегда будет видна. Поскольку ввод с клавиатуры осуществляется из внешнего источника, я не хочу, чтобы клавиатура была видимой до тех пор, пока я не запрошу ее. Поскольку нет прямого пути (который я нашел), чтобы сделать это, я пытался постоянно сосредоточиться на элементе управления, который не вызывает отображение клавиатуры. Я не смог найти элемент управления, который не вызывал отображение клавиатуры, но упустил бы одно из ключевых событий (keydown/keyup/keypress).

Есть ли у кого-нибудь предложение относительно того, как я могу поймать все введенные данные без отображения мягкой клавиатуры?

Примечание: У меня может быть другое решение для настольных компьютеров и мобильных устройств, если необходимо.

Любая помощь приветствуется!

Answer 1

Хорошо, так ответ был таким простым, я не могу поверить, что мне потребовалось столько времени, чтобы добраться до него.

Если вы делаете текстовое поле только для чтения, оно не отображает клавиатуру, но все же запускает ключевые события. Это позволило мне принять вход от внешнего источника, не показывая клавиатуру. Я также добавил кнопку переключения клавиатуры, которая просто спрятала текстовое поле только для чтения и показала обычную.

Если бы мое приложение было другим, я мог бы просто добавить и удалить атрибут readonly и применить фокус снова, чтобы иметь тот же эффект.

Спасибо за все ответы, в том числе те, которые были удалены.

Answer 2

var keyedinput = ""; 
window.addEventListener('keydown', function(event){keyedinput += String.fromCharCode(event.keyCode)}, false); 

keyedinput будет содержать содержимое шпоночного ввода с клавиатурой внешнего типа устройства. Просто укажите его как глобальную переменную, когда это необходимо. Если есть ключ ввода/esc или «конец» (последовательность?), Вы можете просто проверить соответствующий keyCode, чтобы запустить действие с содержимым переменной вместо добавления к нему.