阿西河

所有教程

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

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      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>
      目录
      本文目录
      目录