css - aria-haspopup="true" 不起作用，页面仍导航到触摸屏上的链接

Question

我有一个下拉菜单。在非触摸屏设备上，下拉菜单在悬停时显示。

在触摸屏上，单击时会显示菜单，直到页面导航离开。用户单击下拉显示，但页面仍然导航离开。我添加了 aria-haspopup，我认为它会阻止页面在第一次触摸元素时导航。但用户仍被导航到该页面。

<span class="navbar-dropdown">                                                  
  <a href="/page" aria-haspopup="true"><span>page</span></a>
  <a>etc</a>
</span>

我怎样才能阻止链接在第一个链接上导航走谢谢

标签： csstouch-event

Answer 1

这些aria-属性用于描述元素对屏幕阅读器等辅助技术的行为。它们不会改变常规浏览器中元素的正常行为。

ARIA - 辅助功能 | MDN

如果您想阻止浏览器跟踪该链接，则需要使用 Javascript。