Javascript 浏览IE10中的内容

我正在开发一个角度应用程序，其中一些UI元素需要通过点击tab键来访问，这是出于可访问性的原因。例如，当您单击/点击按钮上的return时，我们有打开和关闭的内容区域。我不希望该按钮触发页面刷新，因此我当前的href为空。打开/关闭内容区域的链接如下所示

<a href>The link<a>

链接

这在除IE10之外的所有浏览器中都可以正常工作，在IE10上，除非href包含一个值，否则您不能在其上设置标签

<a href="#">The link<a>

链接

---

有人知道如何在IE10中解决这个问题吗。我知道我可以编写一些js来防止默认操作，但如果有其他解决方法，我不希望为类似的操作添加额外的js。

有几种方法可以解决此问题：

将

tabindex=“0”

添加到锚定

将

href=“javascript:；”

添加到锚，或

将

href=“#”

添加到锚点

---

第一个和第二个选项的优点是，它们不需要调用

event.preventDefault（）

，就可以阻止页面不断滚动回到顶部。

您可能需要使用

按钮，而不是
a

一个“表示一个占位符，如果链接是相关的，则该占位符可能被放置在该位置，仅由元素的内容组成”。这似乎不是你想要传达的

在您的情况下，处于按钮状态的选项是合适的：

<button type="button">…</button>

…

它带有（“一种在单击或按下时允许用户触发操作的输入”），默认情况下是可聚焦的。
请阅读此答案并在链接中添加属性。为什么不将其设置为按钮？语义正确且可自动访问。Urgs，如果可访问性对您很重要，请仅使用第一个变量。@feeela-第二个变量也是可访问的-实际上这三个变量都是，第三个简单的要求是PreventDefaultIndex是否会使用tabindex使整个应用程序选项卡顺序回流并导致可访问性问题？@MrJinPengyou只有在使用tabindex值>0@MrJinPengyou正确-使用tabindex除外