微信小程序 頁面跳轉事件綁定的實例詳解
什么是事件
在組件中綁定一個事件處理函數。
如bindtap，當用戶點擊該組件的時候會在該頁面對應的Page中找到相應的事件處理函數
<view bindtap="view">
<text bindtap="toast" class="journey">開啟小程序之旅 </text>
</view>
子元素觸發父級元素也會觸發若要只觸發子元素使用catchtap代替bindtap
在相應的Page定義中寫上相應的事件處理函數，參數是event。
Page({
toast: function (event) {
// wx.navigateTo({
// url: '../redirect/redirect'
// });
wx.redirectTo({
url: '../redirect/redirect',
});
// view:function(event){
// // 父級元素
// }
},
/**
* 生命周期函數--監聽頁面隱藏/并未關閉返回
*/
onHide: function (event) {
console.log(event)
},
/**
* 生命周期函數--監聽頁面卸載/
*/
onUnload: function () {
console.log(222)
},
})
事件分類
冒泡事件：當一個組件上的事件被觸發后，該事件會向父節點傳遞。
非冒泡事件：當一個組件上的事件被觸發后，該事件不會向父節點傳遞。
WXML的冒泡事件列表：
類型 觸發條件 touchstart 手指觸摸動作開始 touchmove 手指觸摸后移動 touchcancel 手指觸摸動作被打斷，如來電提醒，彈窗 touchend 手指觸摸動作結束 tap 手指觸摸后馬上離開 longtap 手指觸摸后，超過350ms再離開
注：除上表之外的其他組件自定義事件如無特殊申明都是非冒泡事件，如<form/>的submit事件，<input/>的input事件，<scroll-view/>的scroll事件，(詳見各個組件官方文檔)
如有疑問請留言或者到本站社區交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
