javascript - 如何让跳转到内容链接正常工作？JS/Angular [已解决]

Question

Angular 7 - 我需要一个用于 508 目的的“跳转到内容”链接。此解决方案仅在屏幕阅读器处于活动状态时有效。如果我将其关闭并选择它，它会尝试路由到一个不存在的页面并返回到初始屏幕。只要屏幕阅读器处于活动状态，它就可以完美运行。为什么是这样？如果屏幕阅读器打开或关闭，我需要它工作。

.html 文件：

   <div [@slideInOut]>
      <div class="links-left-nav">
         <a href=#content" class="offscreen" (click)="skipToContent()">Skip to Content"</a>
         <nav>...</nav>

         <div class="routes">
            <section id="content"></section>
            <router-outlet (activate)="onActivate($event, outlet)"></router-outlet>

如何跳转到内容工作？

解决方案：

添加 onclick="event.preventDefault(); location.hash='content';" 并删除了（点击）功能。

标签： javascripthtmlangularfocusdocument