1. 程式人生 > >小程式的事件機制(冒泡與非冒泡)

小程式的事件機制(冒泡與非冒泡)

WXML的冒泡事件列表:

冒泡事件:點選子節點子節點和父節點都會被執行

注:除上表之外的其他元件自定義事件如無特殊宣告都是非冒泡事件,如<form/>的submit事件,<input/>的input事件,<scroll-view/>的scroll事件,(詳見各個元件)

事件繫結的寫法bindtap,bindtouchend……

阻止冒泡的寫法catchtap,catchtouchend……

如:

wxml中

js中

實現的事件就是點選開啟小程式之旅時跳轉到post頁面

wx.redirectTo是兩個頁面間的平行跳轉,跳轉後是沒有返回到上一頁的,而wx.navigateTo是父子頁面間的跳轉,跳轉後是可以返回到上一頁的

所以當使用wx.redirectTo跳轉的時候,onUnload:function():頁面關閉函式會被執行,

當使用wx.navigateTo跳轉的時候,onHide:function():頁面隱藏函式會被執行