🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
1. `bindtap`与`catchtap`都是点击事件 2. `bindtap`存在事件冒泡 3. `catchtap`可以消除事件冒泡 ``` --wxml-- <view class="parent" bindtap="click" data-title="parent"> <view class="child" bindtap="c_click" data-title="child"> </view> </view> ``` ![](https://box.kancloud.cn/10f6f6f4454d930b92eaaed7eb7cb191_183x176.png) ``` --js-- click(){ console.log("parent"); }, c_click(){ console.log("child"); } ``` 在如上代码中,点击深色区域,因为`bindtap`存在事件冒泡,所以会输出'parent'和'child', 即:两个点击事件都进行了 而将子元素中的`bindtap`替换成`catchtap`则不会发生冒泡 ``` <view class="parent" bindtap="click" data-title="parent"> <view class="child" catchtap="c_click" data-title="child"> </view> </view> ``` 此时点击深色区域只会输出'child'