我必须单击两次才能激活任何按钮操作（Ionic/Angular）

Question

我有一个应用程序，它是一个 Ionic 项目。

在 android 中它工作正常。但是当我在ios 中构建和运行项目时，我必须单击Simulator 和Device 中的每个按钮twice（双击）。

我不知道到底是什么问题。以及如何调试。

他们是知道该怎么做的人吗？

编辑这发生在按钮和a 标记上。

我把这个CSS：

  .button:hover
   {background-color:red;}

当我运行我的项目并单击按钮时，会应用此 :hover css 并且不会触发 click 事件。

Answer 1

在 iOS 设备上，我相信第一次触摸被视为“悬停”，就像您将鼠标悬停在某物上时一样。从本质上讲，iOS 上的第一次触摸被视为悬停，第二次被视为真正的点击。

您可以根据浏览器侦听.hover 事件而不是.click 事件，这将是iOS 上的Safari 和Android 上的Chrome。尽管某些 iOS 设备可能运行 chrome，但这可能适用于大多数情况，假设 Ionic 可以。