Czy mogę dynamicznie ustawiać tabindeks w JavaScript?

Question

Czy istnieje jakiś atrybut, taki jak indeks tabulatora?

KONTEKST: Robię sekcję w formie internetowej widoczną lub niewidoczną w zależności od pewnych warunków, w których chcę ustawić indeks tabulatora ręcznie, gdy ta sekcja jest widoczna.

Answer 1

document.getElementById("link3").tabIndex = 6; 

Answer 2

Dynamicznie tworzyć i resetować tabIndex elementów HTML.

Atrybut tabindex określa kolejność elementów HTML, takich jak zestaw "li", "a" e.t.c. Atrybut tabindex jest obsługiwany we wszystkich głównych przeglądarkach.

Dla tej instancji ustaw tabindex dla pozycji listy "li". Zwykle tabindex zaczyna się od "0", ale możemy je zresetować, aby rozpocząć od "1". Używam Jquery, aby to zrobić.

See It Working Here

<ul id="dfruits"> 
<li>Apple</li> 
<li>Dragonfruit</li> 
<li>Damson</li> 
<li>Cloudberry</li> 
<li>Blueberry</li> 
<li>Cherry</li> 
<li>Blackcurrant</li> 
<li>Coconut</li> 
<li>Avocado</li> 
<li>Pinaple</li>  
</ul> 

$(document).ready(function() { 

var 
SomeFruitsList=$("ul#dfruits li"), 
//set tab index to starts from 1 
tabindex = 0; 

SomeFruitsList.each(function() { 
// add tab index number to each list items 
    tabindex++; 
$(this).attr("tabindex","TabIndex " +tabindex); 

var tabIndex = $(this).attr("tabindex"); 
// add tab index number to each list items as their title 
$(this).attr("title",tabIndex); 

    $(this).append('<br/><em>My tabIndex is number: '+tabIndex+'<em>') 
}) 
    }); 

Answer 3

Korzystanie JQuery możemy ustawić indeks kartę dynamicznie łatwo Spróbuj Code ustawić tabindex i zwiększamy zmienną

$(function() { 
    var tabindex = 1; 
    $('input,select').each(function() { 
     if (this.type != "hidden") { 
      var $input = $(this); 
      $input.attr("tabindex", tabindex); 
      tabindex++; 
     } 
    }); 
});