Posso impostare dinamicamente tabindex in JavaScript?

C’è qualche attributo come indice di tabulazione?

CONTESTO : io sto facendo una sezione di un modulo web, visibile o invisibile, a seconda di alcune condizioni dove voglio impostare la scheda-indice manualmente quando quella particolare sezione è visibile.

InformationsquelleAutor RVK | 2010-09-22

 

3 Replies
  1. 64
    document.getElementById("link3").tabIndex = 6;
    • $(‘#link3’).attr( ‘tabIndex’, 6 ); // per jQuery
    • L’attributo è tabindex ma el.tabindex non funziona, tuttavia el.tabIndex fa. In modo strano.
    • come probabilmente sapete, gli attributi HTML sono minuscole e spesso - trattini. javascript sono diverse proprietà – camel. la cosa difficile è che gli elementi dom spesso sono entrambi attributi html e javascript proprietà. La proprietà html sarà lo specchio del javascript attributi. Come utilizzare class in html, ma className in javascript
  2. 7

    Utilizzando JQuery siamo in grado di impostare la scheda indice in modo dinamico facilmente
    Prova questo codice – 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++;
            }
        });
    });
    • Questo è perfetto, grazie!
  3. 1

    Creare in modo dinamico e reset tabIndex di elementi HTML.

    Tabindex attributo specifica l’ordine di tabulazione di un elemento HTML, come insieme di “li”,”a” e.t.c. L’attributo tabindex è supportata in tutti i principali browser.

    In questo caso, lasciate che il set di tabindex per le voci di elenco “li”. Di solito tabindex partirà da ‘0’, tuttavia siamo in grado di reset per avviare da ‘1’. Sto usando Jquery per fare questo.

    Vederlo Lavorare Qui

    <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>')
    })
        });

Lascia un commento