微信小程序开发过程中bindtap事件与bindtouchstart和bindtouchend事件冲突

Zong
  • 142
<view class="container" catchtouchstart="handleTouchStart" catchtouchend="handleTouchEnd">
    <scroll-view scroll-y class="wrapper">
        <view class="list-item" wx:for="{{list}}" wx:key="{{item.id}}" data-id="{{item.id}}" catchtap="handletap">
            <image class="image" src="{{item.img}}"></image>
            <view class="right">
                <text class="title">{{item.title}}</text>
                <text class="intro">{{item.intro}}</text>
                <text class="time">{{item.time.date}}</text>
            </view>
        </view>
    </scroll-view>
</view>

代码如上,当点击.list-item时并没有触发bindtap事件,而是触发了catchtouchstart,catchtouchend

clipboard.png

把catchtouchstart,catchtouchend事件移除后,能正常捕捉bindtap

clipboard.png

请问有什么好的方法解决,catchtouchstart,catchtouchend事件不能移除,另有他用。

回复
阅读 20.2k
1 个回答
✓ 已被采纳

tap,touchstart,touchend的事件触发顺序为start→end→tap
所以问题在于catchtouchstart,catchtouchend后事件被阻止了,tap捕获不到。
改为bindtouchstart,bindtouchend后问题得以解决。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏