<分区>
我正在编写一个单元测试来测试我网页上的 Tab 键顺序,但我找不到一种方法来模拟用户按下 TAB 键以专注于下一个可聚焦元素,尽管这似乎是一项简单的任务.
jQuery 是允许的,而纯 javascript 解决方案是首选。感谢任何形式的帮助。
// 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>
附言在下一个可聚焦元素上调用 focus() 是 Not Acceptable ,即使您可以编写代码来找出下一个可聚焦元素。所以这条路不是我想要的:
function getAllFocusables () {
...
}
var focusables = getAllFocusables(),
index = focusables.indexOf(document.activeElement);
$(focusables[index+1]).focus();