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

打印 上一主题 下一主题

主题 1802|帖子 1802|积分 5406

在小程序中, 事件分为两种范例:

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

tap, touchstart、 touchend 事件等都属于冒泡事件,小程序提供的全 部冒泡事件如下表所示:

看一个例子:



示例运行效果:

     小程序冒泡事件
  
二 事件绑定范例

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

  • bind事件不会克制冒泡事件向上冒泡
  • catch事件绑定可以克制冒泡事件向上冒泡。
以下看一个例子明白catch克制冒泡。
修改上述 wxml 页面中 view2的bindtap事件为catchtap,

生存后,点击view2, 日记只会输出 view2222222222222click,
点击 view3, 日记只会输出 view3333333333333click,
这就阐明冒泡事件被克制了。

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

用户国营

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表