uniapp长按和点击处理
文章描述:
uniapp如何处理用户是长按还是点击事件
template
<template>
<view class="content">
<view @tap="click" @longtap="longPress" @touchstart='touchstart' @touchend='touchend'>demo</view>
</view>
</template>
script
export default{
//长按与父级点击冲突
methods:{
longPress(){
console.log('长按')
},
touchstart(){
this.touchT = new Date().getTime();
},
touchend(){
this.touchE = new Date().getTime();
},
click(){
if(this.touchE-this.touchT<350){
console.log('点击')
}
},
}
}
style
.content view{
width: 100upx;
height: 100upx;
background: #eee;
text-align: center;
margin: 100upx auto;
border-radius: 50%;
font-size: 24upx;
color: #333;
line-height:90upx;
}
发布时间:2021/10/17
发表评论