小程序中点击子元素事件而不触发父元素的点击事件

简介: 小程序中点击子元素事件而不触发父元素的点击事件

在测试小程序的时候,发现了这样的一个bug,点击子元素事件d的时候触发父元素的点击事件,从而执行父级的点击事件,跳转到了父级的点击事件的页面了。

其实很简单,只需要把子级的bindtap改成catchtap,就可以了。

因为:

bind事件绑定不会阻止冒泡事件向上冒泡

catch事件绑定可以阻止冒泡事件向上冒泡


当点击子集的catchtap='navmap'事件之后阻止冒泡事件向上冒泡,所以不会触发bindtap='carState',成功解决bug,实现小程序中点击子元素事件而不触发父元素的点击事件。

相关文章
|
4月前
|
小程序 JavaScript
小程序用 rich-text长按复制事件
小程序用 rich-text长按复制事件
156 0
|
6月前
|
小程序 JavaScript
微信小程序默认获取聚焦事件
微信小程序默认获取聚焦事件
94 0
|
4月前
|
小程序
微信小程序怎样给事件传值的
微信小程序怎样给事件传值的
45 0
|
23天前
|
小程序
微信小程序实现点击复制(wx.setClipboardData)
微信小程序实现点击复制(wx.setClipboardData)
10 0
|
5月前
|
小程序 JavaScript 前端开发
微信小程序(十七)小程序监听返回键跳转事件(安卓返回也适用)
onUnload:function(){ wx.redirectTo({ url: '../index/index' }) wx.navigateTo({ url: '../index/index' }) wx.switchTab({ url: '../../member/member' }) }
318 0
|
2月前
|
小程序
【微信小程序】-- 页面事件 - 上拉触底 - 案例(二十七)
【微信小程序】-- 页面事件 - 上拉触底 - 案例(二十七)
|
2月前
|
JSON 小程序 JavaScript
【微信小程序】-- 页面事件 - 上拉触底(二十六)
【微信小程序】-- 页面事件 - 上拉触底(二十六)
|
2月前
|
JSON 小程序 JavaScript
【微信小程序】-- 页面事件 - 下拉刷新(二十五)
【微信小程序】-- 页面事件 - 下拉刷新(二十五)
|
3月前
|
小程序 vr&ar
一个小动作,点击量上涨17倍,有小程序就能用!
一个小动作,点击量上涨17倍,有小程序就能用!
21 0
|
5月前
|
小程序
微信小程序onReachBottom事件使用
微信小程序onReachBottom事件使用
155 0