阻止小程序事件冒泡的三種方法

1.直接用方法 ：catchtouchmove=“preventD”

<view class="selector-bj {{isTapSelector ? '' : 'is-focus-selector' }}"
	wx:if="{{selectorBj}}" bindtap='tapSeleBj' catchtouchmove="preventD">
</view>
	//防止點擊穿透 背景層
	preventD:function(){
	},

2. 使用 catch 不用bind (個人喜歡這個方法)

bind事件綁定不會阻止冒泡事件向上冒泡，catch事件綁定可以阻止冒泡事件向上冒泡。

如在下邊這個例子中，點擊 inner view 會先後調用handleTap3和handleTap2(因爲tap事件會冒泡到 middle view，而 middle view 阻止了 tap 事件冒泡，不再向父節點傳遞)，點擊 middle view 會觸發handleTap2，點擊 outer view 會觸發handleTap1。

<view id="outer" bindtap="handleTap1">
  outer view
  <view id="middle" catchtap="handleTap2">
    middle view
    <view id="inner" bindtap="handleTap3">
      inner view
    </view>
  </view>
</view

3.在方法最後加上return false。

在小程序可以查看跟多前端面試題