2012-03-02 94 views
0

我想更改某些複選框選項卡的順序。問題是,我的應用程序可以打開多個選項卡,每個選項卡都具有相同的表單。另外,我在複選框前還有其他字段。如何在不影響DOM中其他輸入的情況下更改這些特定複選框的Tab-index?使用tabindex和多種形式

編輯:

下面是我使用的形式。

形式將通過被聚焦在第一輸入(一個以「最後一本書」,因爲它的價值)也應該正常選項卡,直到你獲得的成績開始。然後它應該關閉。與主題相同。如您所見,可以有多個包含此表單的選項卡。

+0

我假設你已經使用tabIndex =價值審判,它沒表演你想要的東西? – Ohgodwhy 2012-03-02 22:00:42

+0

你可以發佈你的html的示例代碼,並jQuery或鏈接到jsfiddle。 – DG3 2012-03-02 22:01:47

+0

好吧,如果我在其他輸入後面的複選框中將tabindex設置爲0,那麼瀏覽器選項卡會不會先到達那個位置?我沒有真正嘗試過,我只是想找到最好的方法來做到這一點。 – LordZardeck 2012-03-02 22:12:29

回答

0

人們似乎無論是腳本標籤ndex標籤ndex取決於之間的差異,或者是有特定內容類型或瀏覽器,或者是直接通過html設置。

雖然我沒有這個測試我自己,我建議如下:

使用的tabIndex跨瀏覽器和內容類型

我總是在標記與小寫使用tabindex屬性。請參閱下面的表 中的第1行。

在通過 element.tabIndex設置腳本時,使用帶有大寫字母I的tabIndex。請參見下表中的第4行。

檢查瀏覽器和/或經由 element.setAttribute(在腳本中設置時,如果是IE或內容類型是文本/ html內容類型) - 經由 elem.setAttribute(的tabIndex)大寫設置。請參見下表中的第6行。

如果是content-type application/xhtml + xml或不是IE 6或7 - 通過 設置elem.setAttribute(tabindex)小寫。請參閱下表中的第7行

當使用getAttribute(tabindex)將標記中的 設置爲小寫字母時查詢值時使用小寫。請參見下表中的第9行。

當使用getAttribute(tabindex)查詢值時使用小寫, 直接在元素上使用element.tabIndex大寫設置。見下表中的行 15。

使用element.tabIndex直接在元素上設置tabIndex避免了 在獲取值時必須檢查瀏覽器或內容類型。

如果遵循上述規則,則在可用時使用hasAttribute(tabindex)查詢 值時使用小寫。請參閱下表中的第25,31, 和33行。

從這裏摘自:http://www.weba11y.com/blog/2007/11/29/fun-with-the-tabindex-attribute/

在整個主題有趣的測試,也可以在這裏找到:http://www.weba11y.com/info/tabindexAccessStrictX10.xhtml