Как подавить всплывающее окно с клавиатурой в приложении HTML5 для iPad?

Question

Я написал приложение HTML5 для iPad.У него есть одно поле ввода.Каждый раз, когда пользователь заходит на эту страницу, появляется всплывающая клавиатура.

Как я могу отключить это поведение по умолчанию в контексте HTML5 / JS?

В моем приложении, если вы введете логинпароль, он показывает другой экран (без перезагрузки страницы).Но клавиатура все еще существует, и вы должны скрыть ее вручную.

Answer 1

Я не уверен, что понимаю ваше описание вашей проблемы, оно кажется неполным.Могу ли я попытаться повторить его, чтобы увидеть, правильно ли я понимаю?

1. Пользователь открывает Safari на iPad
2. Пользователь вводит адрес вашего приложения HTML5 в адресную строку Safari.и нажимает кнопку «Перейти»
3. Пользователь попадает на страницу входа в приложение.Они нажимают на поле имени пользователя, и появляется всплывающая клавиатура.
4. Они вводят свое имя пользователя, переключаются в поле пароля, вводят свой пароль и нажимают кнопку «Перейти».
5. Ваше приложение загружает различный контент на экран с помощью JavaScript.Всплывающая клавиатура по-прежнему присутствует.

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

Если бы HTML для этих полей выглядел следующим образом:

<input type="text" name="username" id="username">
<input type="password" name="password" id="password">

Тогда JavaScript был бы:

document.getElementById('username').blur();
document.getElementById('password').blur();