Question

我有一个与以下代码相关的问题。该代码用于强调焦点＃＆＃39; #skiptocontent＆＃39;用户标签进入窗口时的元素。我遇到的问题是，当我一直浏览整个网站并再次到达地址栏时，我无法回到窗口。有什么建议为什么会发生这种情况？＆安培;也许是一个更好的方法来实现这个目标？

＆＃13;

$(window).keydown(function(e) {
  if(e.keyCode === 9 && $("#skiptocontent a") !== undefined && $("#skiptocontent a").attr("data-focused") === "false") {    
    $("#skiptocontent a").focus();
    $("#skiptocontent a").attr("data-focused", "true");
    return false;
  } 
  return true;
});

＆＃13;

Answer 1

当用户选中窗口时，代码用于强制关注'#skiptocontent'元素。

将您的跳过链接设为页面的第一个可选元素

代码：

<body>
   <a href="#content" id="skipcontent">Skip to main content</a>

删除javascript。
就是这样。

注意：如果你想让跳过链接不可见，除非它是专注的，我不鼓励因为它不能用于无键盘的辅助功能设备，所以有很多只有CSS的解决方案（例如。{ {3}}）

强制选项卡焦点

1 个答案: