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