input组件冒泡问题
来源:5-13 组件事件与事件处理

黄黑红
2019-06-16
代码:
<view class='pur_detail {{bgColor}}' bind:tap="chgDisplay">
<view class="title">标题</view>
<image class="img" src="{{src}}"></image>
<view id='item_plus' class='btn_m font_m ch' catch:tap='onNumChange' size='mini'>+</view>
<input class='item_num' type="number" value='{{p_item_info.num}}' catch:focus="justCatch" catch:blur="justCatch" catch:input="justCatch" catch:confirm='onConfirm'></input>
<view id='item_minus' class='btn_m font_m ch' catch:tap='onNumChange' size='mini'>-</view>
</view>
============
描述:
以上一段代码,我想实现点击更换发整个view组件背景色的功能,但点击加减号和中间的input不触发.目前结果是点击加减号不冒泡,但input冒泡。查了一下文档:
input的input事件是非冒泡事件 https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
input在focus时是原生组件,focus blur confirm应该都跟focus有关吧,那都没法避免冒泡吗?
https://developers.weixin.qq.com/miniprogram/dev/component/native-component.html
实际敲代码时在input里输入catch提示有tap和touch相关的六个事件,bind时除了那六个还有focus blur confirm和input。
============
?问题 ?
1 input事件代码提示和文档里说的不一样
2 怎样能阻止input事件的冒泡,我这段代码只能分成两个容器来写,把input单独分出来才可以吗?(这段代码是一个自定义组件的一部分,我的tap事件是对整个自定义组件的,所以最好不要分成两个组件来写,请问老师有什么好办法。谢谢!)
写回答
1回答
-
7七月
2019-06-17
你这个问题我理解起来太难了。我建议的是,小程序现在分为冒泡和捕获两个阶段,看看能否对你的问题有帮助。
00
相似问题