這篇文章主要介紹微信小程序中冒泡事件的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司基于成都重慶香港及美國等地區(qū)分布式IDC機(jī)房數(shù)據(jù)中心構(gòu)建的電信大帶寬，聯(lián)通大帶寬，移動大帶寬，多線BGP大帶寬租用,是為眾多客戶提供專業(yè)服務(wù)器托管報價，主機(jī)托管價格性價比高，為金融證券行業(yè)簡陽服務(wù)器托管，ai人工智能服務(wù)器托管提供bgp線路100M獨享，G口帶寬及機(jī)柜租用的專業(yè)成都idc公司。

在微信小程序的事件分為冒泡事件和非冒泡事件：

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

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

WXML的冒泡事件列表：

注：除上表之外的其他組件自定義事件如無特殊聲明都是非冒泡事件，如 form 的submit事件，input 的input事件，scroll-view 的scroll事件，(詳見各個組件)

事件綁定

以bind或catch開頭，然后跟上事件的類型，如bindtap、catchtouchstart。自基礎(chǔ)庫版本 1.5.0 起，在非原生組件中，bind和catch后可以緊跟一個冒號，其含義不變，如bind:tap、catch:touchstart。

事件冒泡的條件：父元素與子元素綁定同一類事件并且子元素的綁定方式是bind（catch開頭會阻止事件冒泡），代碼如下：

  outer view
  
   middle view
   
    inner view
   
  


tap1: function (e) {
　　console.log(1, e)
},
tap2: function (e) {
　　console.log(2, e)
},
tap3: function (e) {
　　console.log(3, e)
},

點擊id為inner的元素，同時也觸發(fā)了id為middle和outter的元素

把inner的bindtap改成catchtap就會阻止事件冒泡

以上是“微信小程序中冒泡事件的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！