收藏
回答

关于PC端小程序与手机端小程序存在input输入不兼容

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug input 工具 7.0.9 2.7.0
<input class="ipt_text"  
       type="text" 
       maxlength="19" 
       value="{{ticketNum}}" 
       data-id="ticketNum"
       placeholder="请输入小票号码" 
       placeholder-class="comm_color-darkGray" 
       bindinput="changeInput" />

<input class="ipt_text" 
       type="digit" 
       maxlength="9" 
       value="{{money}}"
       data-id="money"
       placeholder="请输入消费金额" 
       placeholder-class="comm_color-darkGray" 
       bindinput="changeInput" />

// 输入框输入
changeInput (e) {
  const key = e.target.dataset.id;
  this.setData({
    [key]: e.detail.value
  });
  if (key == 'money' && e.detail.value) {
    // 通过金额换算积分值
    this.integralExchange();
  }
},

上述两个输入框,在手机端的小程序一切正常,均无异样。

PC端小程序上第一个输入框正常,但是第二个输入框却无法一次性输入2个及2个以上字符;

需要将光标移开之后再次移回才能再次输入一个字符

图一:第一个输入框正常的输入

图二:光标移到第二个输入框只可以输入1位

图三:光标从第二个输入框中移开

图四:光标再次移回第二个输入框

图五:相关信息

最后一次编辑于  2020-05-21
回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容
问题标签