如何禁用iPad HTML5應用程序上的鍵盤彈出窗口？

Question

我已經爲iPad編寫了一個HTML5應用程序。它有一個輸入字段。每次用戶進入此頁面時，都會彈出鍵盤。

如何在HTML5/JS上下文中抑制此默認行爲？

在我的應用程序中，如果您輸入登錄密碼&，它將顯示另一個屏幕（無需重新加載頁面）。但鍵盤仍然存在，您必須手動隱藏它。

Answer 1

我不確定我是否理解你對你的問題的描述，似乎不完整。我可以嘗試重新陳述它，看看我是否理解正確？

1. 用戶打開你的HTML5應用程序的iPad的
2. 用戶類型的地址到Safari瀏覽器的地址欄中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();