Windows 点击需要很长时间才能响应

Windows tap takes long to respond

我创建了一个 Ionic 2 应用程序。现在我的按钮设置如下:

<button class="my-button" (tap)="doSomething()" tappable></button>

现在 tappable 应该消除点击时的 300 毫秒延迟。

ionic 文档在手势方面不太出色,但here 是关于点击工作原理的演示

我遇到的问题是,当我为 windows 构建时,按钮对点击事件的响应仍然很慢。为什么是这样?在 iOS 和 Android 上,它们都非常快。

我认为这可能与单击按钮后加载页面有关,但事实并非如此,因为页面上有普通按钮

$ cordova platform version windows
 Installed platforms:
  android 5.0.0
  ios 4.3.1
  windows 4.4.3

请注意,使用 (click) 而不是 (tap) 并不能解决问题。

编辑 1:在模拟器中不会出现此问题。

我没有使用 ionic,但发现 (tap) 在触摸屏上效果不佳。 这对我有帮助:

touch-action is also often used to completely disable the delay of click events caused by support for the double-tap to zoom gesture.

button{
    touch-action: manipulation;
}

原来这是一个 ionic 特定问题。

更新我的 ionic 版本、创建新项目并将所有页面和逻辑从我以前的项目复制到新项目后,点击、点击和动画现在非常快。

我使用的命令:

  • npm uninstall -g ionic cordova
  • npm install -g ionic cordova
  • (复制src, assets, config.xml, index.html)
  • ionic cordova run windows --prod --release --arch="arm"

以前的离子版本:

$ ionic info

Your system information:

Cordova CLI: 6.4.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.3.7
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Windows 10
Node Version: v6.9.1
Xcode version: Not installed

新离子版本:

$ ionic info

cli packages: (C:\Users\ivaro18(no-not-serious)\AppData\Roaming\nvm\v6.9.1\node_modules)

    @ionic/cli-utils  : 1.9.2
    ionic (Ionic CLI) : 3.9.2

global packages:

    Cordova CLI : 7.0.1

local packages:

    @ionic/app-scripts : 2.1.3
    Cordova Platforms  : android 6.2.3 windows 5.0.0
    Ionic Framework    : ionic-angular 3.6.0

System:

    Android SDK Tools : 25.2.2
    Node              : v6.9.1
    npm               : 3.10.8
    OS                : Windows 10