(一)案件介绍:
bindtap和catchtap都是点击事件,绑定后点击组件可以触发该函数。
bindtap:如果子元素使用bindtap绑定事件,则在运行时会冒泡到父元素。 触发绑定到父元素的bingtap事件
catchtap:不在母元素上起泡,阻止事件起泡
)2)此案使用方法:
. wxml页面写入:
view button bindtap=’tagName ‘单击事件/button /view .js页面写入:
tagname :功能(e ) console.log ) e; }查看控制台结果:
)3)两者使用差异:
在bindtap :上起泡
catchtap :上面没有泡沫
栗子如下:
. wxml文件
viewbindtap=’ out ‘ viewoutviewbindtap=’ middle ‘ viewmiddleviewbindtap=’ inner ‘ view inner/view/view.js文件
inner :功能((console.log ) ) innerbutton );middle:function () console.log、middlebutton );out:function () console.log )、outbutton ); 使用bindtap单击view middle时,将打印以下内容:
上面起了泡沫
将中间的绑定tap更改为catchtap时,单击以打印以下内容:
上面不会起泡沫。
————- -请参阅