Ionic5手势事件-Ionic5长按事件 Ionic5 gestures手势

ionic5官方文档中没有给我们提供手势相关事件的使用方法,但是官方的源代码中是提供了手势相关事件的,ionic5中的gestures 手势事件包括: tap, press, pan, swipe, rotate, and pinch events等

ionic5中的gestures 手势事件如下:

tap ionic5点击事件

press ionic5长按事件

pan ionic5滑动的时候触发的事件,滑动触发多次

swipe ionic5滑动事件 滑动触发一次

rotate ionic5旋转事件

pinch 捏合(pinch)手势

默认情况下面ionic5中的手势事件是没法使用的,下面我们就看看ionic5中的gestures 手势事件如何使用。

1、在使用ionic5手势事件之前第一步,首先需要安装hammerjs

npm install hammerjs --save

2、在app.module上导入 HammerModule 并注册

import { HammerModule} from '@angular/platform-browser';

在app module里面imports上面这个module,并注册。

详细代码如下:

1.png

3、在使用ionic5手势事件之前第三步,需要在项目的src/main.ts 中引入hammerjs ,完整代码如下



4、这样就可以在 ionic5模板中使用手势事件了



这就是Ionic5手势事件-Ionic5长按事件 Ionic5 gestures手势的使用方法,Ionic5手势事件-Ionic5长按事件 Ionic5 gestures手势就给大家先介绍到这里,希望对你有帮助

更多Ionic5手势事件-Ionic5长按事件 Ionic5 gestures手势的使用教程:https://www.itying.com/goods-1067.html