【问题标题】:How to remove initial auto focus of anchor tag如何删除锚标签的初始自动对焦
【发布时间】:2016-04-12 03:52:11
【问题描述】:

我想知道如何删除页面加载时第一个锚标记自动发生的自动焦点。

我不想禁用所有专注能力,这几乎是我在研究这个问题时能够找到的解决方案。当锚点单击时,焦点仍应应用并显示。

这是我想要保留的焦点本身的 css(在本例中为 scss)。

&:focus {
     outline:3px solid #51ace9
}

我尝试过这样做来摆脱页面加载时的自动对焦:

window.onload= function() {
  var anchors = document.getElementsByClassName('my_class')
  for (var i = 0; i < anchors.length; i++) {
    anchors[i].blur();
  }
}

但它似乎不起作用。

有人可以提出适当的解决方案吗?

【问题讨论】:

  • 您是否尝试过将tabindex 属性设置为0 或-1?
  • @Elena 我试过这个,但我不明白这会如何影响自动对焦。 tabindex 不会影响它通过键盘的选项卡方式吗?
  • 你在什么浏览器上测试?我在 Chrome 47 上,它不会自动对焦。所以我猜你要么有一个专注于某些东西的脚本,要么是一个特定于浏览器的东西(你的模糊代码对我有用)。我一直在玩这个:jsfiddle.net/07c6Lw1d
  • @Dear1ofGdBear,这只是猜测
  • 看看这个类似的问题:stackoverflow.com/questions/7827004/…

标签: javascript css autofocus


【解决方案1】:
$(document).ready(function({  
 $("a").blur() ;

    });

【讨论】:

    猜你喜欢
    • 2013-12-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-06-24
    • 2013-01-17
    • 2019-05-05
    • 2022-06-11
    • 1970-01-01
    相关资源
    最近更新 更多