Posso impostare dinamicamente il tabindex in JavaScript?

Question

C'è qualche attributo come tab-index?

CONTESTO: Sto creando una sezione in un modulo Web visibile o invisibile a seconda di alcune condizioni in cui si desidera impostare manualmente l'indice di tabulazione quando quella particolare sezione è visibile.

Answer 1

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

Answer 2

Creare e reimpostare dinamicamente tabIndex di un elemento HTML.

L'attributo tabindex specifica l'ordine di tabulazione di un elemento HTML, ad esempio set di "li", "a" e.t.c. L'attributo tabindex è supportato in tutti i principali browser.

Per questa istanza, impostare tabindex per gli elementi di elenco "li". Di solito tabindex inizierà da "0", tuttavia possiamo ripristinarlo per iniziare da "1". Sto usando Jquery per farlo.

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

Usando JQuery possiamo impostare indice di tabulazione in modo dinamico con facilità Prova questo code-impostare il tabindex e incrementare la variabile

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