阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      HTML
      CSS
      JavaScript
      CSS库
      jQuery
      React
      Vue.js
      Angular
      后端
      数据库
      开发工具
      Npm
      抓包专区
      测试专区
      网站搭建
      区块链
      Linux
      Docker
      站长专区
      前端面试题
      专题区域

      Ionic 手势事件

      ionic 手势事件

      事件描述用法
      on-hold长按的时间是500毫秒。
      <button
    on-hold="onHold()"
    class="button">
    Test
    </button>
      on-tap这个是手势轻击事件，如果长按时间超过250毫秒，那就不是轻击了。。
      <button
    on-tap="onTap()"
    class="button">
    Test
    </button>
      on-double-tap手双击屏幕事件
      <button
    on-double-tap="onDoubleTap()"
    class="button">
    Test
    </button>
      on-touch这个和 on-tap 还是有区别的，这个是立即执行，而且是用户点击立马执行。不用等待 touchend/mouseup 。
          <button on-touch="onTouch()"
    class="button">
    Test
    </button>
      on-release当用户结束触摸事件时触发。
      <button
    on-release="onRelease()"
    class="button">
    Test
</button>
      on-drag这个有点类似于PC端的拖拽。当你一直点击某个物体，并且手开始移动，都会触发 on-drag。
      <button
    on-drag="onDrag()"
    class="button">
    Test
</button>
      on-drag-up向上拖拽。
      <button
    on-drag-up="onDragUp()"
    class="button">
    Test
</button>
      on-drag-right向右拖拽。
      <button
    on-drag-right="onDragRight()"
    class="button">
    Test
</button>
      on-drag-down向下拖拽。
      <button
    on-drag-down="onDragDown()"
    class="button">
    Test
</button>
      on-drag-left向左边拖拽。
      <button
    on-drag-left="onDragLeft()"
    class="button">
    Test
</button>
      on-swipe指手指滑动效果，可以是任何方向上的。而且也和 on-drag 类似，都有四个方向上单独的事件。
      <button
    on-swipe="onSwipe()"
    class="button">
    Test
</button>
      on-swipe-up向上的手指滑动效果。
      <button
    on-swipe-up="onSwipeUp()"
    class="button">
    Test
</button>
      on-swipe-right向右的手指滑动效果。
      <button
    on-swipe-right="onSwipeRight()"
    class="button">
    Test
</button>
      on-swipe-down向下的手指滑动效果。
      <button
    on-swipe-down="onSwipeDown()"
    class="button">
    Test
</button>
      on-swipe-left向左的手指滑动效果。
      <button
    on-swipe-left="onSwipeLeft()"
    class="button">
    Test
</button>
      目录
      本文目录
      目录