如何設置輸入焦點？

Question

我正在開發WebApp，並想用html創建一種登錄屏幕。 為此，我有四個輸入字段，在輸入數字后，將重點放在下一個字段上。

在osX safari中，它可以正常工作。 與iPhone上的iOS不同。 俞灝。

移動瀏覽器中的問題是我不知道如何以編程方式自動“跳轉”到下一個輸入字段（以編程方式設置焦點）。 用戶可以通過按鈕進行操作（工作正常），但是有沒有辦法自動執行此操作？

看我的代碼：

 $('.text').on('input', function() { $(this).next('input').focus() }); 

 .text { margin: 5%; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" class="text" /> <input type="text" class="text" /> <input type="text" class="text" /> <input type="text" class="text" /> 

焦點在Safari瀏覽器或chrome等web瀏覽器上工作得很好，但在iPhone iOS Safari瀏覽器上卻無法在此gif中看到-焦點丟失了，鍵盤消失了：

我在研究過程中發現的是例如以下問題：

• 以編程方式專注於移動Safari中的下一個輸入字段

• 移動Safari：inputfield上的JavaScript focus（）方法僅適用於單擊嗎？

但是，沒有一個答案對我有幫助，因為無論它們是否不起作用/它們是否生澀，還是它們使用的變通方法實際上都不適合我的樣式，例如http://jsfiddle.net/EbU6a/194/確實可以。

因此，對解決此問題的任何幫助將不勝感激。 提前致謝！

Answer 1

我很害怕iOS不允許您以編程方式集中精力。 您可以從這里嘗試解決方法

Answer 2

因為我很確定有人也會遇到這個問題，所以我決定回答自己的問題。

因此，部分使用以下代碼行解決了該問題：

myWebView.keyboardDisplayRequiresUserAction = false

我在閱讀UIWebView的Apple文檔時找到了解決方案。

請參閱此參考 。