Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.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 如何禁用<;的选项卡;a>;标签_Javascript_Html_Dom Events - Fatal编程技术网

Javascript 如何禁用<;的选项卡;a>;标签

Javascript 如何禁用<;的选项卡;a>;标签,javascript,html,dom-events,Javascript,Html,Dom Events,我正在使用标记作为网页上的链接。如何禁用Tab键以选择其中一项?试试看 <a onfocus="this.blur();" href = "bla">Bla</a> 编辑:您好,这里是这个答案的原始作者。不要用这个。向下滚动。StackOverflow不允许我删除此答案,因为它已被接受 您可以对这些链接执行以下操作: <a href="http://foo.bar" onfocus="this.blur()">Can't focus on this!&l

我正在使用
标记作为网页上的链接。如何禁用Tab键以选择其中一项?

试试看

<a onfocus="this.blur();" href = "bla">Bla</a>

编辑:您好,这里是这个答案的原始作者。不要用这个。向下滚动。StackOverflow不允许我删除此答案,因为它已被接受


您可以对这些链接执行以下操作:

 <a href="http://foo.bar" onfocus="this.blur()">Can't focus on this!</a>

不过,你应该使用下面的答案


或者,您可以选择纯HTML解决方案

<a href="http://foo.bar" tabindex="-1">inaccessible by tab link</a>

委员会:

如果值为负整数
用户代理必须设置元素的tabindex焦点标志,但不应允许使用顺序焦点导航访问元素


我必须防止div和overflow:auto-css规则之前有一个制表位,我所做的是(转换为a):

var links=document.getElementsByTagName('a');
对于(var i=0,j=links.length;i
使用tabindex而不是模糊表示焦点将跳到下一个元素

是否确实要禁用tabindex?这对于没有鼠标的导航来说有点重要

刚才注意到一个类似的答案,在普通HTML中,标签
必须能够被标签索引。它使导航更容易

改为使用width
onclick=“window.location.href='URL'”
事件属性

例如:

<span onclick="window.location.href='http://www.w3schools.com'">text that redirects you to W3S on click, where you can read more about HTML standards.</span>
一次单击即可重定向到W3S的文本,您可以在其中阅读有关HTML标准的更多信息。


以39秒的优势击败我,尼尔森谢谢,工作起来很有魅力:)对易访问性/笔记本电脑键盘用户/等来说不太好。当焦点循环到元素中时,它会完全丢失,无法锁定下一个链接。最好使用tabindex属性将其从常规的tab循环中删除。谢谢,工作起来很有魅力:)Alex,这就是为什么我更新了我的答案,说最好使用下面的答案。我不明白为什么这个答案会被拒绝。1) 这是解决这个问题的有效办法。2)
tabindex=“-1”
不适用于所有浏览器,因此这是一个不错的计划B.3)Evan无法控制接受这个答案。来吧,大家……我同意杰克逊的观点,但埃文不应该使用空间参照(如下文)来指代另一个答案或帖子。相反,他应该更新他的答案,或者参考内容。因此,允许人们按活跃、最老和投票对答案进行排序,所以“下面”可能指的是一个不好的答案,而不一定是他想要的答案——也可能是评论中的答案。在FF 15.0.1中不起作用,那有什么意义呢?此外,在链接之后(使用onfocus=“this.blur();”),所有其他选项卡(在该链接之后)根本不起作用。+1总是喜欢非脚本解决方案(有效!),而不是非脚本解决方案。奇怪的是,现在还没有人提出灵丹妙药解决方案-jQuery代码示例它不验证。表示“此值必须是介于0和32767之间的数字”。是否有一种简单有效的方法来执行此操作?HTML5只要求该数字必须是有效的整数,如果它是负值,则无法使用“顺序焦点导航”(也称为“制表符”)聚焦元素。属性的正确大小写是tabindex,而不是tabindex。请注意,由于残疾歧视立法,在某些司法管辖区,这样做的网站可能不完全合法。听起来你是为我的银行工作。下面的所有答案是:最简单有效的HTML是什么?tabindex=-1不进行验证,onblur似乎过多了。如果没有启用JavaScript,一切都会按照您的预期进行。如果启用了JS,则在页面加载时,脚本会使整个div可单击和可选项卡化。为了避免混淆,JavaScript还应该使链接不可绑定,否则选项卡将从div转到链接,这很令人困惑。老问题,但只是为了支持@RowlandShaw的评论,这听起来很像一个潜在的可访问性反模式——如果您阻止只使用键盘的用户访问链接,您应该有非常令人信服的理由这样做,否则您可能会使无法使用鼠标的用户无法访问您的网站,并且可能违反了ADA或其他本地无障碍法规。这将使键盘导航更糟,因为即使搜索链接也找不到它。我有一个很棒的字体的工具提示,唯一有效的方法是,我没有收到焦点,直接移动到表单的另一个字段,谢谢!
<span onclick="window.location.href='http://www.w3schools.com'">text that redirects you to W3S on click, where you can read more about HTML standards.</span>