關於使用Tabindex和javascript/jquery使「tab」更容易的建議

Question

我正在製作一個大而複雜的應用程序，我需要設置tabindexes來幫助用戶瀏覽頁面。這是一個私人應用程序，所以我沒有限制（ab）使用JavaScript（jQuery）。

我目前有這些問題。

1）如何強制JavaScript（jquery）瀏覽器在頁面加載後立即將光標移動到特定的文本框中？我注意到，經常瀏覽器不會自動將光標放在第一個tabindexed輸入中。無論如何，我都希望有一種絕對的方式強制它在那裏。

2）一些激活ui enanchement（即jquery ui datepicker）的字段在選項卡上有問題（比如不得不推動選項卡兩次離開它），有什麼辦法可以避免這種情況嗎？

3）你如何閱讀和設置jQuery的tabindex？我有一些隱藏/顯示基於用戶操作的字段，他們應該能夠「給」他們的tabindex到其他字段，如果他們隱藏，這是一個問題，瀏覽器仍然認爲頁面加載後的tabindex？

非常感謝你muchh

Answer 1

1. 爲了把重點放在一個特定的文本框，這樣做（假設文本框的id是#firstBox）：$('#firstBox').focus();查看更多的例子在這裏：How do you automatically set the focus...
2. 沒有什麼特別，因爲DatePicker的還它自己的用戶界面，所以它內部有各種可以關注的對象（這就是選項卡上的選項）。其實，現在我已經考慮過了，如果你隱藏一個字段（AKA，「隱藏」），它將不會有tabindex，其他標籤將與瀏覽器定義的內容一致（通常是top到底部，從左到右的順序）。您不必擔心手動設置tabindex。