使用 uni-app 开发app时 中使用的 @longpress 含义及使用方法

本文介绍了uni-app中长按事件(longpress)的含义,其与longtap的区别,以及在开发中如何使用。还列举了其他用户操作对应的事件如onFling、onScroll等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

学习目标:

目标:

了解 @longpress 事件的含义及使用方法


学习内容:

内容:

  1. @longtap, @longpress 都代表长按事件
  2. 在浏览器上,longtap 事件会覆盖@longpress;
  3. 在手机端的时候,2个事件都存在,但是会报警告。
  4. 注意: longtap已经不在使用,所以推荐使用longpress。
  5. 长按操作: 手指按在持续一段时间,并且没有松开。 对应方法 onLongPress
  6. 按下操作: 刚刚手指接触到触摸屏的那一刹那,就是触的那一下。 对应方法 onDown
  7. 按住操作: 手指按在触摸屏上,它的时间范围在按下起效,在长按之前。对应方法 onShowPress
  8. 注意: 调用 onLongPress 事件之前一定会执行一次按住(onShowPress)事件。

总结:

知识小结:

  • 1、使用方式
 <template>
    <view>      
        <view @longpress="longtap" class="longtap" @click="click">长按触发事件</view>
        <view  v-show="show">
            长按触发弹窗,弹窗出现
        </view>
    </view>
</template>
  • 2、开发uni-app 时,用户操作所对应调用的其它几种方法:
    (1)、 抛掷操作(onFling): 手指在触摸屏上迅速移动,并松开的动作。
    (2)、 滚动操作(onScroll): 手指在触摸屏上滑动。
    (3)、 抬起操作(onSingleTapUp):手指离开触摸屏的那一刹那。

  • 3、注: 任何手势动作都会先执行一次按下(onDown)动作。

  • 4、调用 按住(onShowPress)事件和按下(onDown)动作之后都会执行一次抬起(onSingleTapUp)事件。

  • 5、调用 滚动事件(onScroll)之后不会执行抬起(onSingleTapUp)操作。

  • 6 、调用 长按事件(onLongPress)之后不会执行抬起(onSingleTapUp)操作。

  • 7、调用 抛掷(onFling)事件之后不会执行抬起(onSingleTapUp)操作。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值