阿西河

所有教程

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

我的收藏

    最近访问  (文章)

    教程列表

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

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

    从零基础小白到阿里P7的教程都有！

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

    目录
    本文目录
    目录