1. 程式人生 > >微信小程式之事件繫結冒泡

微信小程式之事件繫結冒泡

事件繫結格式:

bind+evnetType

catch+eventType

假如存在三個view盒子,分別為outer(bindtap=""),middle(catchtap),inner(bindtap);

1:當點選inner盒子的時候,inner,middle盒子繫結的函式會依次執行,

而outer盒子繫結的函式將不會執行,因為在middle盒子上繫結的事件型別是以catch開頭的,

將會阻止冒泡事件的進行,從而不會執行outer盒子繫結的函式;

2:當點選middle盒子的時候,僅有middle盒子繫結的函式會執行,因為middle盒子繫結的事件型別是以

catch開頭的,會去取消冒泡階段;

3:當點選inner盒子的時候,僅有outer盒子繫結的函式會執行,因為outer盒子繫結的事件型別是以

bind開頭的,而且outer盒子位於最外層,由於冒泡是從內到外進行的,所以僅有outer盒子繫結的函式會執行;