具有tabIndex 0到具有tabIndex下一個元素1+元素不集中

我有一系列的<a>標籤一個HTML模板。爲元素添加了tabindex。具有tabIndex 0到具有tabIndex下一個元素1+元素不集中

問題是上點擊選項卡按鈕以聚焦，具有tabIndex 1+元件不聚焦。

要求是重點應發生在具有tabIndex改變焦點從元件具有tabIndex 0到元素1+。

<div> 
    <ul class="gn-filter-anchor-list"> 

     <li> 
      <a title="Under $25.00" tabindex="0" href="/"><span class="off-screen">from Price</span> Under $25.00</a></li> 
     <li> 
      <a title="$25.00-$49.00" tabindex="0" href="/"><span class="off-screen">from Price</span> $25.00-$49.00</a></li> 
     <li> 
      <a title="$50.00-$74.00" tabindex="0" href="/"><span class="off-screen">from Price</span> $50.00-$74.00</a></li> 
     <li> 
      <a title="$75.00-$99.00" tabindex="0" href="/"><span class="off-screen">from Price</span> $75.00-$99.00</a></li> 
     <li> 
      <a title="Over $100.00" tabindex="0" href="/"><span class="off-screen">from Price</span> Over $100.00</a></li> 
    </ul> 
</div> 
<div > 
    <div class="dept-large"><a href="/" tabindex="2">xxx</a></div> 
    <div class="dept-large"><a href="/" tabindex="1">xxx</a></div> 
    <div class="dept-large"><a href="/" tabindex="1">xxx</a></div> 
</div> 
<div > 
    <ul class="pagination" > 
     <li class="current"><a href="#" >1</a></li> 
     <li class="odd first"><a href="#" >2</a></li> 
     <li class="even"><a href="#" >3</a></li> 
     <li class="odd"><a href="#" >4</a></li> 
    </ul> 
</div>

https://jsfiddle.net/sameer_ngl/mjps7ufs/

來源

2016-09-21 sameer

請你的問題更清晰，精確的要求，例如也許是預期的行爲嗎？ – EaziLuizi

下面參見：

tabindex屬性全局屬性是指示如果元件可以採取輸入焦點（是可聚焦的）中，如果應該參與到順序鍵盤導航的整數，並且如果所以，在什麼位置。它可以採取幾個值：

負值意味着該元件應成爲焦點，但不應該通過順序鍵盤導航可達;
0意味着該元素應該是經由順序鍵盤導航可聚焦的和可到達，但其相對順序被定義由平臺約定;
正值手段應該是經由順序鍵盤導航可聚焦的和可到達的;其相對順序是由定義的屬性的值：順序跟隨增加的 tabindex的數字。如果多個元素共享相同的 tabindex，則它們的相對順序將遵循文檔中的相對位置。

具有0值，無效值或無tabindex值的元素應置於按順序鍵盤導航順序具有正值tabindex的元素之後。

來源：https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex

來源

2016-09-21 08:21:25 salih0vicX

剛剛發現這一個：http://stackoverflow.com/questions/4115953/where-do-tabindex-0-html-elements-end-up-in-the-tabbing-order – salih0vicX

具有tabIndex 0到具有tabIndex下一個元素1+元素不集中

回答

相關問題