首页 / JAVASCRIPT / javascript – 概述在Firefox上无法正常工作

javascript – 概述在Firefox上无法正常工作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 概述在Firefox上无法正常工作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1515字，纯文字阅读大概需要3分钟。

内容图文

我试图提出一些自定义大纲,以达到一些Web可访问性建议.但我不能用Firefox制作.

这就是它在Chrome上的外观：

而那个图标实际上是一个锚点.

在Firefox上,它只概述了整个文档,如下所示：

在Firefox上,它概述了文档,在下一个选项卡中,它再次关注搜索栏.

在这里你可能会看到我做的Codepen：https://codepen.io/maketroli/pen/owRWag

或者代码片段：

// This function sets outline on tab and removes it on click
var elArr = Array.from ? Array.from(document.querySelectorAll("a")) : Array.prototype.slice.call(document.querySelectorAll("a")); // Fallback for IE because as usual nothing works there!

elArr.forEach(function(a) {
  return a.addEventListener("click", function() {
    $(a).addClass("no-outline").removeClass('custom-outline');
  });
});

elArr.forEach(function(a) {
  return a.addEventListener("focus", function() {
    $(a).removeClass("no-outline").addClass('custom-outline');
  });
});
// END

CSS

.wrapper {
  margin-top: 50px;
  display: flex;
}

a {
  border: 1px solid red;
  padding: 20px;
  margin-right: 10px;
}

.no-outline {
  outline: 0 !important;
}

.custom-outline:focus {
  outline: 2px dotted blue !important;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="wrapper">
  <a href="#">one</a>
  <a href="#">two</a>
  <a href="#">three</a>
</div>

有什么建议？

解决方法:

你在用mac吗？ OS X具有系统范围的偏好,Firefox尊重(Chrome不支持),它改变了窗口和对话框中Tab键的行为.它可能设置为仅选项卡到文本框 – 跳过锚标记.

“完全键盘访问”的搜索系统首选项,您将找到它,或参考下面的屏幕截图：

.

设置为“所有控件”以使Firefox在OSX上的行为与Chrome相同.

内容总结

以上是互联网集市为您收集整理的javascript – 概述在Firefox上无法正常工作全部内容，希望文章能够帮你解决javascript – 概述在Firefox上无法正常工作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/767062.html

来源：【匿名】