微信小程序,bindtap事件遇上bindtouchend事件,bindtouchend事件先触发
2017-04-13 17:43
1426 查看
现有某元素同时绑定了两个事件:bindtap、bindtouchend
wxml:
js:
接下来,我们来点击这些文字,不管是事件之旅1、事件之旅2、事件之旅3,都会是 touchend 事件先触发,先打印“touchend 事件”,后打印“tap事件”。为什么呢?我的理解是这样:我们对该元素的动作是手指触摸,手指离开。而手指离开就是手指触摸动作结束(触发了 touchend 事件),然后计算该动作是否为长按,不是长按触发了 tap 事件。
wxml:
<view bindtouchend="touchend" bindtap="tap">事件之旅1</view> <view bindtouchend="touchend"> <view bindtap="tap">事件之旅2</view> </view> <view bindtap="tap"> <view bindtouchend="touchend">事件之旅3</view> </view>
js:
touchend: function(e){ console.log('touchend事件'); } tap: function(e){ console.log('tap事件'); }
接下来,我们来点击这些文字,不管是事件之旅1、事件之旅2、事件之旅3,都会是 touchend 事件先触发,先打印“touchend 事件”,后打印“tap事件”。为什么呢?我的理解是这样:我们对该元素的动作是手指触摸,手指离开。而手指离开就是手指触摸动作结束(触发了 touchend 事件),然后计算该动作是否为长按,不是长按触发了 tap 事件。
相关文章推荐
- 微信小程序bindlongtap触发bindtap问题
- 微信小程序-bindtap等事件传参
- 微信小程序-双击长按触发longtap事件时同时触发tap事件解决办法
- 微信小程序之bindtap事件传参
- 微信小程序之事件(bindtap和catchtap)
- 微信小程序--长按事件bindlongtap与点击事件bindtap的冲突
- 解决微信小程序组件scroll-view中bindscrolltolower事件触发不了的问题
- 微信小程序事件 bindtap @import 修改js
- 微信小程序bindtap事件怎么获取当前点击标签?
- 小程序开发-bindtap事件传参
- 微信小程序-双击长按longtap事件与tap事件冲突的解决办法
- 【微信小程序】--bindtap参数传递,配合wx.previewImage实现多张缩略图预览
- 微信小程序--地图regionchange事件频繁触发导致崩溃
- 微信小程序中点击View中任何位置都可以触发相应事件的解决办法
- 微信小程序-下拉事件(onPullDownRefresh)不触发
- 微信小程序swiper实现轮播图,可触发点击事件
- 微信小程序 事件冒泡,bangtap,catchtap事件绑定
- 微信小程序改变app.js中页面位置 bindtap执行两次
- 微信小程序开发(八) - 事件 - wxml 的触发
- 微信小程序:bindtap方法传参