jQuery Accordion 焦点

Question

这是我的第一篇文章，如果您想了解更多信息，请告诉我!

我正在使用选择列表和 jQuery Accordion 。当用户从列表中选择一个值时，它会使用 activate 方法打开折叠面板的相关部分。

除了将窗口集中在 Accordion 上而不是让用户留在同一个地方之外，这工作得很好。

有谁知道如何防止这种情况吗？

Answer 1

您也许能够存储当前事件的元素，并在用户单击 Accordion 标题后恢复焦点。

您可以使用以下代码检索当前聚焦的元素:

function onElementFocused(e)
{
    if (e && e.target)
        document.activeElement =
        e.target == document ? null : e.target;
} 

if (document.addEventListener)
    document.addEventListener("focus", onElementFocused, true); 

这会将当前聚焦的元素保留在 document.activeElement 变量中。

通过 Accordion 使用“changestart”和/或“change 事件”，您可以在每次 Accordion 更改时将焦点恢复到所需的元素。

您可能需要添加一两个子句以防止将折叠式标题 div 设置为上述代码中的当前事件元素，否则您将仅将焦点恢复到折叠式标题。

上面的代码未经测试，就像想法一样，但我相信它应该可以工作。