BootStrap Dropdown-Optionen - TAB-Taste für Optionen ändern

Question

Ich habe ein Bootstrap-Dropdown auf meiner Seite implementiert. clikcing on dropdown öffnet die Optionen in select. Die Pfeil-nach-oben- und Pfeil-nach-unten-Taste wird zum Navigieren durch Optionen verwendet. Aber "TAB" Taste führt jetzt auch die gleiche Optionen Navigation. Stattdessen brauche ich die TAB-Taste, um eine Option als "ENTER" -Taste auszuwählen.

Sie müssen die Standardaktion des TAB-Schlüssels überschreiben. Bitte Beratung

Answer 1

Vielleicht könnte Ihnen das helfen. Es verwendet jQuery zur Vereinfachung. keyCode 9 fängt den Tab-Tastendruck ab. preventDefault() bei Ereignis blockiert das normale Verhalten des Ereignisses, das durch den angegebenen Tastendruck erzeugt wird.

$("#myDropdown").on('keydown', function(e) { 
    var keyCode = e.keyCode || e.which; 

    if (keyCode == 9) { 
    e.preventDefault(); 
    $("#myDropdown .option").click(); 
    } 
});