事件分类

事件分为冒泡事件和非冒泡事件：

• 冒泡事件(bind)：当一个组件上的事件被触发后，该事件会向父节点传递
• 非冒泡事件(catch)：当一个组件上的事件被触发后，该事件不会向父节点传递

冒泡事件(bind)

当一个组件上的事件被触发后，该事件会向父节点传递

xxxxxxxxxx
<view bindtap="bindParentHandle">
    <button type="primary" bindtap="bindChildHandle">冒泡事件</button>
</view>

xxxxxxxxxx
// pages/event/event.js
Page({
    bindParentHandle(){
        console.log("父级事件");
    },
    bindChildHandle(){
        console.log("子级事件");
    }
})

非冒泡事件(catch)

当一个组件上的事件被触发后，该事件不会向父节点传递

xxxxxxxxxx
<view catchtap="catchParentHandle">
    <button type="primary" catchtap="catchChildHandle">非冒泡事件</button>
</view>

xxxxxxxxxx
// pages/event/event.js
Page({
    catchParentHandle(){
        console.log("非冒泡父级事件");
    },
    catchChildHandle(){
        console.log("非冒泡子级事件");
    }
})

实时效果反馈

1. 在微信小程序中，下列那个是冒泡事件：

A bind

B catch

C click

D mouseover

答案

1=>A