小程序
小游戏
企业微信
微信支付
扫描小程序码分享
之前看了一个视频,有两个组件,一个是外部view,一个内部btn,然后在外部view中绑定了一个bindtap事件,当用户在客户端点btn组件时,会冒泡到外面的view组件中的bindtap事件。
萌新有两个疑问:
1.这个冒泡机制建立的目的是啥?
2.为啥不直接在btn组件中绑定bindtap事件而要在外面的view组件中绑定?
求各路大佬看看萌新的帖子,给点建议啊~~~~~
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
给你看一个效果:
有一个卡片:卡片整块区域点击可以进详情,而卡片上有个按钮,点击按钮又有额外的交互行为(不进入详情)。
对于你说的问题,可能是为了扩大点击区域的效果。可能是btn点击区域小,点不到。
之前我们做的就是,点击事件加在icon上,因为icon太小导致经常点击不到,然后我在外面加了个view,把icon包里面,给view加点击,扩大点击区域。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
冒泡事件冒泡的条件:父元素与子元素绑定同一类事件并且子元素的绑定方式是bind(catch开头会阻止事件冒泡)
可以参考下: https://www.cnblogs.com/520BigBear/p/11856659.html
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
给你看一个效果:
有一个卡片:卡片整块区域点击可以进详情,而卡片上有个按钮,点击按钮又有额外的交互行为(不进入详情)。
对于你说的问题,可能是为了扩大点击区域的效果。可能是btn点击区域小,点不到。
之前我们做的就是,点击事件加在icon上,因为icon太小导致经常点击不到,然后我在外面加了个view,把icon包里面,给view加点击,扩大点击区域。
冒泡事件冒泡的条件:父元素与子元素绑定同一类事件并且子元素的绑定方式是bind(catch开头会阻止事件冒泡)
可以参考下: https://www.cnblogs.com/520BigBear/p/11856659.html