微信小程序 事件冒泡,bangtap,catchtap事件绑定
2017-04-10 15:17
639 查看
//wxml
//js
//点击view3
//点击view2
--view2 bindtap click
---view1 bindtap click
//点击view1
---view1 catchtap click
<view class="view1" bindtap="view1"> <view class="view2" bindtap="view2"> <view class="view3" catchtap="view3"></view> </view> </view>
//js
Page({ data: { }, view1: function () { console.log("---view1 bindtap click") }, view2: function () { console.log("--view2 bindtap click") }, view3: function () { console.log("-view3 catchtap click ") } })
//点击view3
-view3 catchtap click
//点击view2
--view2 bindtap click
---view1 bindtap click
//点击view1
---view1 catchtap click
相关文章推荐
- 微信小程序之事件(bindtap和catchtap)
- 微信小程序页面跳转事件绑定/冒泡,非冒泡事件
- 微信小程序实例:move事件导致navigator组件和tap事件无效
- 微信小程序 动态绑定数据及动态事件处理
- 微信小程序 事件冒泡(十二)
- 讲述以下微信小程序中的冒泡事件和非冒泡
- 微信小程序入门-事件冒泡、模板、视图渲染
- 微信小程序WXML 数据绑定、列表渲染、条件渲染、模板、事件、引用用法
- 详解微信小程序 template添加绑定事件
- 微信小程序--长按事件bindlongtap与点击事件bindtap的冲突
- 小程序catch阻止事件冒泡
- 微信小程序如何阻止事件冒泡
- 微信小程序-双击长按longtap事件与tap事件冲突的解决办法
- 微信小程序 动态绑定事件 且通过事件修改样式
- 微信小程序 页面跳转事件绑定的实例详解
- 微信小程序-双击长按触发longtap事件时同时触发tap事件解决办法
- 微信小程序-bindtap等事件传参
- 微信小程序 动态绑定事件并实现事件修改样式
- 微信小程序,bindtap事件遇上bindtouchend事件,bindtouchend事件先触发
- 解决微信小程序冒泡事件