本文主要是介绍ionic3 手势事件,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
ionic3中的gestures 手势事件- ioni3c长按事件
官方地址:http://www.ionic.wang/article-index-id-83.html
ionic3中的gestures 手势事件如下:
ionic3中的gestures 手势事件包括: tap, press, pan, swipe, ionic3rotate, and pinch events等事件,
tap ionic3点击事件
pressc ionic3长按事件
pan 滑动的时候触发的事件,滑动触发多次
swipe滑动事件 滑动触发一次
rotate 旋转事件
pinch 捏合(pinch)手势
<ion-card (tap)="tapEvent($event)"><ion-item>Tapped: {{tap}} times</ion-item></ion-card><ion-card (press)="pressEvent($event)"><ion-item>Pressed: {{press}} times</ion-item></ion-card><ion-card (pan)="panEvent($event)"><ion-item>Panned: {{pan}} times</ion-item></ion-card><ion-card (swipe)="swipeEvent($event)"><ion-item>Swiped: {{swipe}} times</ion-item></ion-card>
export class BasicPage {public press: number = 0;public pan: number = 0;public swipe: number = 0;public tap: number = 0;constructor() {}pressEvent(e) {this.press++}panEvent(e) {this.pan++}swipeEvent(e) {this.swipe++}tapEvent(e) {this.tap++}}
这篇关于ionic3 手势事件的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!