本文共 623 字，大约阅读时间需要 2 分钟。

前言

ionic5中的gestures手势事件包括：tap(点击)、press(按下)、pan(随着手指移动)、swipe(随着手指迅速移动)、rotate(旋转)、pinch(缩放)等

准备

首先我们在项目中新建一个页面用于演示手势的运用

ionic g page gestures

   
      跳转到gestures页面
   

使用tap(点击)、press(按下)

我们在gestures中新建两个按钮，并绑定tap和press事件

   
        点击事件 
    
   
       长按事件
   

在ts中定义相应方法

doTap() {
     console.log("tab...");}doPress() {
     console.log("press...");}

我们在页面上点击第一个按钮和长按第二个按钮，日志都没打印

安装hammerjs

npm install hammerjs –save

在项目的src/main.ts中引入hammerjs

main.ts：

在app.module.ts中引入HammerModule

测试

接着重启后打开浏览器后进入gestures页面点击及长按按钮后如下

转载地址：https://blog.csdn.net/u010574271/article/details/116243783 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！