标签：catchtap outer log 区别 middle interior click bindtap

今天在研究小程序，突然看到catchtap，立即决定明白是干嘛的

bindtap和catchtap都是点击事件触发函数

不同点，我写了两个例子来方便大家理解

例一：

<view id="outer" bindtap="outer">
  outer view
  <view id="middle" bindtap="middle">
    middle view
    <view id="interior" bindtap="interior">
      interior view
    </view>
  </view>
</view>



outer (e) {
  console.log('--outer bindtap click')  
  //内容为：--outer bindtap click
},
middle (e) {
  console.log('--middle bindtap click') 
  // 内容为--middle bindtap click  --outer bindtap click
},
interior (e) {
  console.log('--interior bindtap click') 
  //内容为：--interior bindtap click --middle bindtap click --outer bindtap click
},

上面例子用的都是bindtap，从打印出来的数据可以看到，bindtap是冒泡的

例二：

<view id="outer" catchtap="outer">
  outer view
  <view id="middle" catchtap="middle">
    middle view
    <view id="interior" catchtap="interior">
      interior view
    </view>
  </view>
</view>


outer (e) {
  console.log('--outer bindtap click')  //打印出来的内容为：--outer bindtap click
},
middle (e) {
  console.log('--middle bindtap click') // 打印出来的内容为： --middle bindtap click
},
interior (e) {
  console.log('--interior bindtap click') //打印出来的内容为：--interior bindtap click
},

上面的例子用的是catchtap，从打印数据可以看出catchtap是非冒泡的

不知道大家理解了没有\(^o^)/~

标签：catchtap,outer,log,区别,middle,interior,click,bindtap
来源： https://blog.csdn.net/qq_42840381/article/details/99964625

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。