【问题标题】:How can I remove the 300ms delay on Angular routerLink using Hammer.js?如何使用 Hammer.js 消除 Angular routerLink 上的 300 毫秒延迟?
【发布时间】:2018-12-04 13:50:31
【问题描述】:

我正在尝试使用 Hammer.js 从我的应用程序中消除著名的 300 毫秒延迟,并且到目前为止使用 tap 而不是 click 已经成功。

但是,这不适用于routerLink。我没有找到任何文章或其他人写过这个问题,所以我希望你能帮助。

该应用是使用 Angular 和 Cordova 制作的。

有没有办法消除routerLinks 上的 300 毫秒延迟?

提前致谢!

【问题讨论】:

    标签: angular cordova hammer.js routerlink


    【解决方案1】:

    解决方法可以是在(tap) 事件上务实地进行导航。

    【讨论】:

    • 这带来了一个非常大的 a11y 和 UX 问题,因为链接不再是链接,并且在新选项卡中打开之类的操作将不起作用。
    • 这是一个 cordova 应用程序,它没有 open in new tab 行为。链接并不是真正的链接,它们是伪装成具有导航操作的本机按钮的链接。 @IngoBürk
    • 这对我的应用意味着什么?
    • @Lirianna 如果您只是在移动设备上发布应用程序,那么这根本不是问题,我们已经在 ionic 中这样做了。但是,如果您也将它作为 Web 应用程序发布在桌面上,那么您将不得不采取一些变通方法来修复 UX
    • @Zahema 谢谢你的回答。该应用程序仅在 Android 和 iOS 上运行。我会看看我的点击延迟或者可能/希望没有点击延迟。
    【解决方案2】:

    在阅读了 Ionic 的点击和点击故障排除指南后,我发现解决此问题的最佳方法是在其前面使用 (click) tapable

    请参阅 Ionic doc here(遗憾的是,该链接目前无法使用,但无论如何我都会发布它,以供将来参考,希望他们没有从文档中完全删除它)。

    这里还有 forum post 让我回答这个问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2012-08-27
      • 1970-01-01
      • 2022-12-15
      • 2013-08-08
      • 2017-07-31
      • 1970-01-01
      • 2021-05-04
      相关资源
      最近更新 更多