Gibt es eine Möglichkeit, den TAB-Schlüssel programmgesteuert auszulösen, um den Fokus auf das nächste fokussierbare Element zu verschieben?

Question

Ich schreibe einen Komponententest, um die Tabulatorreihenfolge auf meiner Webseite zu testen, und ich konnte keine Möglichkeit finden, die Benutzerabfrage des TAB-Schlüssels zu simulieren, um auf das nächste fokussierbare Element zu fokussieren, obwohl dies eine einfache Aufgabe zu sein scheint.

jQuery ist erlaubt, während reine JavaScript-Lösung bevorzugt wird. Jede Art von Hilfe wird geschätzt.

// TODO 
 
function triggerTab() { 
 

 

 
} 
 

 
$("#btn-save").focus(); 
 
triggerTab(); 
 

 
// Expect the focus is on the cancel button now. 
 
console.log(document.activeElement.id);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<p> some text </p> 
 
<button id="btn-save"> save </button> 
 
<button id="btn-cancel> cancel </button>

P. S. Es ist nicht akzeptabel, focus() für das nächste fokussierbare Element aufzurufen, selbst wenn Sie Code schreiben können, um das nächste fokussierbare Element herauszufinden. Also dieser Weg ist nicht das, was ich will:

function getAllFocusables() { 
    ... 
} 

var focusables = getAllFocusables(), 
    index = focusables.indexOf(document.activeElement); 

$(focusables[index+1]).focus(); 

Answer 1

Sie können keine Tabulatortaste von einem Standard-Browser simulieren mit Javascript.

Wenn Sie Ihr Gerät zu testen tun eine Maden Browser, wie phantomjs zum Beispiel können Sie die Tabulatortaste

var webPage = require('webpage'); 
var page = webPage.create(); 

page.sendEvent('keypress', page.event.key.Tab);