<view class='redview' bindtap='redclick'>
 紅色
 <view class='yellowview' bindtap='yellowclick'>
  黃色
  <view class='blueview' bindtap='blueclick'>
   藍色
  </view>
 </view>
</view>

效果如圖：

當我點擊最內層的藍色方框的時候，打印的結果如下：

冒泡事件的機制是先打印點擊的藍色，也就是最內層，然后依次打印第二層和第三層。假設點擊黃色層，會依次打印出黃色和紅色。點擊紅色時只打印紅色。

但是也可以阻止冒泡事件的發(fā)生，其實很簡單，直接把bindtap改為catchtap即可。

<view class='redview' bindtap='redclick'>
 紅色
 <view class='yellowview' bindtap='yellowclick'>
  黃色
  <view class='blueview' catchtap='blueclick'>
   藍色
  </view>
 </view>
</view>

這樣你點擊最內層的藍色，只會打印藍色而不會打印出黃色和紅色了。但是點擊黃色還是會打印黃色和紅色，這個時候再把黃色頁面的bindtap改成catchtap就可以了。

友情提示：有一部分標簽是默認在最上層的，比如video，想在video上放一個view然后設置catchtap將video覆蓋是無效的。

希望本文所述對大家微信小程序開發(fā)有所幫助。

您可能感興趣的文章:

微信小程序實現(xiàn)商城倒計時
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)商城倒計時，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-06-06
解決js數(shù)據(jù)包含加號+通過ajax傳到后臺時出現(xiàn)連接錯誤
測試過程中發(fā)現(xiàn)js數(shù)據(jù)包含加號+通過ajax傳到后臺時出現(xiàn)連接錯誤,刪除+，鏈接暢通了，果然是這塊問題，對加號進行轉義
2013-08-08
JavaScript實現(xiàn)獲取select下拉框中第一個值的方法
這篇文章主要介紹了JavaScript實現(xiàn)獲取select下拉框中第一個值的方法,涉及javascript針對頁面元素屬性的相關獲取操作技巧,需要的朋友可以參考下
2018-02-02
定單管理上 JS表格排序
定單管理上 JS表格排序...
2006-10-10
javaScript中的原型解析【推薦】
下面小編就為大家?guī)硪黄猨avaScript中的原型解析【推薦】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-05-05
老生常談javascript?hash的使用
在javascript中，hash指的是哈希表，是一種根據(jù)關鍵字直接訪問內存存儲位置的數(shù)據(jù)結構，hash就是一個賦值的方法，但實際用的并不需要太復雜，能用的就一點點，寫法也非常簡單，hash有多種寫法，本文給大家介紹javascript?hash使用，感興趣的朋友一起看看吧
2023-10-10
基于javascript實現(xiàn)tab切換特效
這篇文章主要介紹了基于javascript實現(xiàn)tab切換特效的相關資料,具有一定的參考價值，需要的朋友可以參考下
2016-03-03
js調用屏幕寬度的簡單方法
下面小編就為大家?guī)硪黄猨s調用屏幕寬度的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-11-11
JS動態(tài)給對象添加事件的簡單方法
下面小編就為大家?guī)硪黄狫S動態(tài)給對象添加事件的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
原生js實現(xiàn)貪吃蛇游戲
這篇文章主要為大家詳細介紹了原生js實現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-10-10