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
我创建了一个 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