微信小程序触发longtap事件时同时触发tap事件，如何解决？

最新推荐文章于 2024-04-18 11:08:56 发布

原创最新推荐文章于 2024-04-18 11:08:56 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序 #javascript

本文介绍了一种解决同一View上tap与longtap事件冲突的方法。通过设置一个变量开关，可以区分并处理这两种不同的触摸事件，确保用户体验的同时，避免了事件处理的混乱。

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

longtap是基于tap实现的，在同一个view上，longtap既能触发，tap也能触发。

最简单的解决方法，便是加一个变量开关：
wxml

<view bindtap="onClick" bindlongtap="onLongClick">点击触发事件</view>

var longtap=false;
Page({
	data:{},
	onClick(e){
		if(longtap){
			longtap=false;
			return;
		}
		wx.showToast({title:"当前触发点击事件！"})
	},
	onLongClick(e){
		longtap=true;
		wx.showToast({title:"当前触发长按点击事件！"})
	}
})