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在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

你这个问题我理解起来太难了。我建议的是,小程序现在分为冒泡和捕获两个阶段,看看能否对你的问题有帮助。

0
0

纯正商业级微信小程序应用实战,全方位小程序特性讲解

真实数据的高质量小程序项目,学会直接工作

4782 学习 · 2125 问题

查看课程