欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 能源 > 微信小程序进阶第2篇__事件类型_冒泡_非冒泡

微信小程序进阶第2篇__事件类型_冒泡_非冒泡

2025/5/27 18:46:44 来源:https://blog.csdn.net/aduovip/article/details/148231304  浏览:    关键词:微信小程序进阶第2篇__事件类型_冒泡_非冒泡

在小程序中, 事件分为两种类型:

  1. 冒泡事件, 当一个组件上的事件被触发后,该事件会向父节点传递
  2. 非冒泡事件, 当一个组件上的事件被触发后, 该事件不会向父节点传递。

一 冒泡事件

tap, touchstart、 touchend 事件等都属于冒泡事件,小程序提供的全 部冒泡事件如下表所示:
在这里插入图片描述
看一个例子:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
示例运行效果:

小程序冒泡事件

二 事件绑定类型

上述例子,点击事件 用到了bindtap, 实际上事件绑定分别有 bind 与 catch 两种,
两者的区别:

  1. bind事件不会阻止冒泡事件向上冒泡
  2. catch事件绑定可以阻止冒泡事件向上冒泡。

以下看一个例子理解catch阻止冒泡。
修改上述 wxml 页面中 view2的bindtap事件为catchtap,
在这里插入图片描述
保存后,点击view2, 日志只会输出 view2222222222222click
点击 view3, 日志只会输出 view3333333333333click,

这就说明冒泡事件被阻止了。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词