Javascript 如何使最后一个面包屑不可拾取（使用href）

如何使最后一个面包屑不可拾取（使用href）

谢谢

使用您可以使任何元素都不会收到点击

.noclick{
指针事件：无；
}

---

另一种方法是

preventDefault

。它将停止启动请求

const elem=document.querySelector（“a”）；
元素addEventListener（“点击”，函数（e）{
e、 预防默认值（）；
})

---

请注意，这有助于提高可访问性。首先，您希望使用屏幕阅读器的用户在无法单击该链接时，不要将该链接指示为链接。然而，更重要的是，在这个特殊的例子中，它对键盘用户不起作用——使用键盘，我可以通过tab键聚焦这个链接，并用enter键触发它，警报就会显示出来<代码>指针事件仅抑制鼠标/指针，而不是键盘。谢谢，但我有4个“动态生成”选项卡，我想使最后一个选项卡不可点击。我不认为这是一个很大的问题，因为这是面包屑，将重定向到您已经在的同一页面。如果由用户触发链接不是问题，为什么海报会首先问这个问题？他问的是不可读取的，而不是不可读取的。不过，您的担心是有道理的，我自己也会简单地使用

来代替。您应该确保您考虑的是那些可能利用屏幕阅读器的用户的可访问性——如果该链接是以href链接的形式报告的，但单击时没有发生任何操作，这将令人困惑。作为替代方案，您可以简单地将最后一个面包屑呈现为样式化的

？Upvoting，因为由于jQuery的魔力，此解决方案满足了防止点击和键盘导航交互的用户需求。但是，请务必记住，可访问性问题可能仍然存在——对于使用屏幕阅读器的用户来说，遇到指示为链接但实际上没有任何作用的内容可能会令人困惑。是的，我同意你的看法，此人还应清楚地告诉用户此

链接

不可单击。