微信小程序> 阻止小程序冒泡的三种方法

阻止小程序冒泡的三种方法

浏览量:690 时间: 来源:知末随未
1.直接用方法 :catchtouchmove="preventD"view class="selector-bj {{isTapSelector ? '' : 'is-focus-selector' }}"wx:if="{{selectorBj}}" bindtap='tapSeleBj' catchtouchmove="preventD"/view//防止点击穿透 背景层preventD:function(){},2. 使用 catch 不用bindbind事件绑定不会阻止冒泡事件向上冒泡,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/view3.在方法最后加上return false。

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎