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

发表评论