(一)案件介绍:

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时,单击以打印以下内容:

上面不会起泡沫。

————- -请参阅