子元素tap事件,阻止事件冒泡后,父元素的touch 事件,在捕获阶段被触发
发布于 6 年前 作者 lcai 10399 次浏览 来自 问答

按照文档描述,touch类事件,事件类型前面加capture-前缀才可以在捕获阶段进行事件监听,但是我现在出现的问题是,父级元素的touch事件,并未加capture 前缀,但touch事件居然在捕获阶段监听到了子元素事件(子元素事件阻止了事件冒泡的),导致点击了子元素的tap事件后,先触发父级元素的touch类事件,再出发子元素的tap 事件,期望的应该只执行子元素tap事件

wxml结构如下:

<view class=“item-content f f-align-s f-justify-between” style="{{item.txtStyle}}" bindtap=“onTap”

bindtouchstart=“onTouchStart” bindtouchmove=“onTouchMove” bindtouchend=“onTouchEnd”>

   <view style=“font-size:40rpx;padding:20rpx” catchtap=“togglePopOver”>执行</view>

</view>

点击  执行  按钮后,先触发touchstart touchend,再触发我定义的togglePopOver,

1 回复
回到顶部