Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何限制选项卡导航控件_Javascript_Html - Fatal编程技术网

Javascript 如何限制选项卡导航控件

Javascript 如何限制选项卡导航控件,javascript,html,Javascript,Html,我的网页有很多可选元素,如a,按钮,输入等。当我按下选项卡时,活动元素将成为上一个选定元素的下一个,这没关系,但在dom中的最后一个元素之后,控件将转到浏览器的地址栏。我如何防止这种情况发生 我见过她,吉拉等 我尝试过给每个元素赋予tabindex(递增顺序),但没有效果 有人有解决方案吗?请分享。tabIndex允许您定义访问页面内元素的顺序,但它不允许您在页面内“捕获”用户 为此,必须在最后一个可聚焦元素上设置onblur侦听器,然后将焦点重置为第一个元素 但正如我之前所说的,这可能会“诱捕

我的网页有很多可选元素,如
a
按钮
输入
等。当我按下选项卡时,活动元素将成为上一个选定元素的下一个,这没关系,但在dom中的最后一个元素之后,控件将转到浏览器的地址栏。我如何防止这种情况发生

  • 我见过她,吉拉等
  • 我尝试过给每个元素赋予tabindex(递增顺序),但没有效果

  • 有人有解决方案吗?请分享。

    tabIndex允许您定义访问页面内元素的顺序,但它不允许您在页面内“捕获”用户

    为此,必须在最后一个可聚焦元素上设置onblur侦听器,然后将焦点重置为第一个元素


    但正如我之前所说的,这可能会“诱捕”页面上的用户——而对于只使用这种导航方法的人来说,这可能是相当烦人的。(警告:考虑到公共网站,不适用于特殊情况。)

    tabIndex允许您定义访问页面内元素的顺序,但不允许您在页面内“捕获”用户。为此,您必须在最后一个可聚焦元素上设置
    onblur
    侦听器,然后将焦点重置为第一个元素。但正如我之前所说的,这可能会“诱捕”页面上的用户——对于只使用这种导航方法的用户来说,这可能会很烦人。@CBroe正在开发一个会计应用程序网站,它将有助于快速导航。感谢您提供这些信息。我想我现在可以删除我的问题了。这很好,我之所以提到这一点,是因为总有人试图把这种东西放到“普通”网站上,让用户感到困惑。请不要删除这里的问题,它们可能对其他人有帮助。将添加注释作为答案,以便您可以接受它(如果您愿意)。