Question

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

private boolean isPalindromic(String sub) { for (int i = 0; i <= sub.length() / 2 - 1; i++) { if (sub.charAt(i) != sub.charAt(sub.length() - 1 - i)) { return false; } } return true; }

现在<button class="my-button" (tap)="doSomething()" tappable></button>应该删除点按300毫秒的延迟。

离子文档在手势上并不是很好，但是here是一个如何使用tap的演示

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

我认为可能与点击按钮后加载页面有关，但这不是因为页面上的普通按钮

tappable

请注意，使用$ cordova platform version windows Installed platforms: android 5.0.0 ios 4.3.1 windows 4.4.3代替(click)并不能解决问题。

编辑1 ：在模拟器中，不会发生此问题。

Answer 1

我不使用离子，但发现（点击）在触摸屏上效果不佳。这对我有所帮助：

触摸动作也常用于完全禁用延迟点击由支持双击缩放手势引起的事件。

button{
    touch-action: manipulation;
}

Answer 2

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

更新我的离子版本，创建一个新项目并将我之前项目中的所有页面和逻辑复制到新项目后，点按，点击和动画现在非常快。

我使用的命令：

npm uninstall -g ionic cordova
npm install -g ionic cordova
（copy 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

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

2 个答案: