小程序阻止冒泡方法

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。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值