微信小程序多层view的点击穿透问题

作者: LX_代码制造坊 | 来源:发表于2020-04-30 18:07 被阅读0次

如下代码中，一个大的view它本身含有一个点击事件，他的子view也含有一个点击事件。当点击 son 事件时，parent 事件也会被触发。

<view bindtap="parent">
      <view bindtap="son"></view>
</view>

解决方法如下：

<view bindtap="parent">
      <view catchtap="son" hover-stop-propagation="true"></view>
</view>

原因：
catchtap : 捕获事件，组织冒泡
hover-stop-propagation ：指定是否阻止本节点的祖先节点出现点击态

微信小程序多层view的点击穿透问题
如下代码中，一个大的view它本身含有一个点击事件，他的子view也含有一个点击事件。当点击 son 事件时，p...
wepy开发微信小程序自定义modal点击穿透
微信小程序自定义modal点击穿透问题解决
Android多层View点击穿透问题
如过View1覆盖在View2上方，在View1只改变透明度而非设置成INVISIBLE或是GONE状态下，点击V...
微信小程序穿透问题
滚动穿透：设置弹出层组件一个事件wxml：catchtouchmove='banScroll'即可 input中的...
微信小程序cover-view问题
cover-view问题给个微信官方文档的导航：微信小程序 cover-view，里面介绍的更加详细 cover...
微信小程序点击展开收起多层嵌套
html页面： JS页面： wxss页面：
微信小程序view嵌套点击事件
//父组件 //子组件使用vant也是一样
微信小程序组件探究和应用
把玩微信小程序组件微信小程序把玩《二》：页面生命周期，模块化，数据绑定，view组件微信小程序把玩《三》：sc...
微信小程序调试内部web-view
微信小程序调试内部web-view 1.进入页面选中元素模式 2.选中web-view页面 3.右键点击web-v...
2018-07-24
微信小程序 view的文本不能自动换行问题https://blog.csdn.net/qq_2842405070/...