阿西河

所有教程

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

我的收藏

    最近访问  (文章)

    教程列表

    数据库
    抓包专区
    测试专区

    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>
    卖前端学习教程

    只需几十元,就能买到培训班的内部教程!开启高薪之路!

    零基础小白阿里P7的教程都有!

    同时长期收购所有培训班的前端教程

    目录
    本文目录
    目录