這篇文章給大家分享的是有關(guān)微信小程序中頁(yè)面跳轉(zhuǎn)事件綁定的示例分析的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

創(chuàng)新互聯(lián)是一家專(zhuān)注于成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)與策劃設(shè)計(jì),五華網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:五華等地區(qū)。五華做網(wǎng)站價(jià)格咨詢(xún):18982081108

微信小程序 頁(yè)面跳轉(zhuǎn)事件綁定的實(shí)例詳解

什么是事件

1. 事件是視圖層到邏輯層的通訊方式。

2. 事件可以將用戶(hù)的行為反饋到邏輯層進(jìn)行處理。

3. 事件可以綁定在組件上，當(dāng)達(dá)到觸發(fā)事件，就會(huì)執(zhí)行邏輯層中對(duì)應(yīng)的事件處理函數(shù)。

4. 事件對(duì)象可以攜帶額外信息，如 id, dataset, touches。

在組件中綁定一個(gè)事件處理函數(shù)。

如bindtap，當(dāng)用戶(hù)點(diǎn)擊該組件的時(shí)候會(huì)在該頁(yè)面對(duì)應(yīng)的Page中找到相應(yīng)的事件處理函數(shù)

 
    開(kāi)啟小程序之旅   
 

子元素觸發(fā)父級(jí)元素也會(huì)觸發(fā)若要只觸發(fā)子元素使用catchtap代替bindtap

在相應(yīng)的Page定義中寫(xiě)上相應(yīng)的事件處理函數(shù)，參數(shù)是event。

Page({
 toast: function (event) {
  // wx.navigateTo({
  //  url: '../redirect/redirect'
  // });


  wx.redirectTo({
   url: '../redirect/redirect',
  });
  // view:function(event){
  //  // 父級(jí)元素
  // }

 },
 /**
   * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面隱藏/并未關(guān)閉返回
   */
 onHide: function (event) {
   console.log(event)
 },

 /**
  * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面卸載/
  */
 onUnload: function () {
  console.log(222)
 },
})

事件分類(lèi)

冒泡事件：當(dāng)一個(gè)組件上的事件被觸發(fā)后，該事件會(huì)向父節(jié)點(diǎn)傳遞。

非冒泡事件：當(dāng)一個(gè)組件上的事件被觸發(fā)后，該事件不會(huì)向父節(jié)點(diǎn)傳遞。

WXML的冒泡事件列表：

類(lèi)型 觸發(fā)條件
touchstart 手指觸摸動(dòng)作開(kāi)始
touchmove  手指觸摸后移動(dòng)
touchcancel 手指觸摸動(dòng)作被打斷，如來(lái)電提醒，彈窗
touchend  手指觸摸動(dòng)作結(jié)束
tap 手指觸摸后馬上離開(kāi)
longtap 手指觸摸后，超過(guò)350ms再離開(kāi)

注：除上表之外的其他組件自定義事件如無(wú)特殊申明都是非冒泡事件，如