微信小程序泡沫事件实例分析及防范方法

本文给出了一个微信小程序冒泡事件及其防范方法的实例。分享给大家参考，如下：

有几类事件：

点击事件：点击长按事件：长按触摸事件：touchstart；touchend触摸取消；Touchmove others:输入；使服从.前三类是冒泡事件，其他的称为非冒泡事件。

写一个简单的例子，代码就不一一贴了。WXML的文件如下：

视图类=' redview' bindtap=' redclick '红色视图类='黄色视图' bindtap='黄色单击'黄色视图类='蓝色视图' bindtap='蓝色单击'蓝色/视图/视图/视图效果如下所示：

当我点击最里面的蓝色框时，打印结果如下：

冒泡事件的机制是先打印被点击的蓝色，也就是最内层，然后依次打印第二层和第三层。假设点击黄色图层会依次打印黄色和红色。单击红色仅打印红色。

但也可以防止冒泡事件的发生。其实很简单。只需将bindtap更改为catchtap。

View class=' redview' bindtap=' redclick '红色view class='黄色view ' bind tap='黄色click '黄色view class='蓝色view' catchtap='蓝色click' blue/view/view。如果你点击最里面的蓝色，你只会打印蓝色，而不是黄色和红色。但是点击黄色仍然会打印黄色和红色。此时，将黄页上的bindtap更改为catchtap。

友好提醒：有些标签默认设置在顶层，比如视频。将视图放在视频上，然后将catchtap设置为覆盖视频是无效的。

希望本文对微信小程序的开发有所帮助。