微信小程序进阶第2篇__事件范例_冒泡_非冒泡
在小程序中， 事件分为两种范例：[*]冒泡事件， 当一个组件上的事件被触发后，该事件会向父节点传递
[*]非冒泡事件， 当一个组件上的事件被触发后， 该事件不会向父节点传递。
一 冒泡事件
tap， touchstart、 touchend 事件等都属于冒泡事件，小程序提供的全 部冒泡事件如下表所示：
https://i-blog.csdnimg.cn/direct/6994356307bd48d5b8fe7a4838b86e6e.jpeg#pic_left
看一个例子：
https://i-blog.csdnimg.cn/direct/ba5347d82e1947f8afdbbd612154a729.png#pic_left
https://i-blog.csdnimg.cn/direct/4fa98a60b38e4977b5ff219dc9f786e4.png#pic_left
https://i-blog.csdnimg.cn/direct/a6765768de3945b7a783d8b751ca1c1f.png#pic_left
示例运行效果：
小程序冒泡事件
二 事件绑定范例
上述例子，点击事件 用到了bindtap， 实际上事件绑定分别有 bind 与 catch 两种，
两者的区别：
[*]bind事件不会克制冒泡事件向上冒泡
[*]catch事件绑定可以克制冒泡事件向上冒泡。
以下看一个例子明白catch克制冒泡。
修改上述 wxml 页面中 view2的bindtap事件为catchtap,
https://i-blog.csdnimg.cn/direct/076cc1f729ef46a88d8bc408cdb414c3.png#pic_left
生存后，点击view2, 日记只会输出 view2222222222222click，
点击 view3, 日记只会输出 view3333333333333click,
这就阐明冒泡事件被克制了。
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]