javascript - 将选项卡焦点保持在 jQuery 对话框中

Question

我目前正在学习 jQuery 对话框并想在我的副项目中使用它。我想将 tabindex 添加到对话框中的 div 以进行制表。但是当我点击对话框中的最后一个元素时，焦点会转移到别处。

当我点击最后一个元素时，我希望焦点回到第一个元素。有没有办法让焦点保持在对话框中？

谢谢!

Answer 1

在最后一个元素上添加一个按键事件以忽略默认的选项卡操作并将焦点放回到对话框中的第一个元素上。

以下示例假定最后一个元素是 last_element_id，第一个元素是 first_element_id。

$('#last_element_id').on('keydown', function(e) {
    if ((e.keyCode || e.which) == 9) {
        $('#first_element_id').focus();    
        e.preventDefault(); 
    } 
});