javascript - 使用 touchstart 和/或单击(鼠标按下)Angular 6

Question

问题:

我在整个应用程序中使用点击事件时遇到问题。该应用程序将在移动设备和网络上使用。我正在使用 Angular 6。

每次您在我的桌面上单击浏览器上的按钮或链接时，它都会在第一次单击时起作用，但在移动设备上有时单击不起作用。如果我错了请纠正我，但我相信人们将此称为幽灵点击。

我认为这是 300 毫秒的延迟，但我已经尝试使用 hammerjs 的点击并尝试使用 fastclick 代替，这似乎不是问题所在。

我已经尝试在 html 中使用 touchstart 而不是 click/tap，它似乎解决了这个问题。

有没有办法将 mousedown 和 touchstart 相互绑定(bind)？有没有一种方法可以在桌面上使用 click/mousedown 而在移动设备上使用 touchstart？
我还可以通过哪些其他方式解决此问题？

Answer 1

在你的模板中尝试:

<div
  (touchmove)="touchMoving($event)"
  (touchstart)="touchStart($event)"
  (touchend)="touchEnd($event)"
>

在您的组件中，您现在可以使用 $event 数据:

touchMoving($event) {
  console.log($event);
}