关于PC端小程序与手机端小程序存在input输入不兼容
<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位
图三:光标从第二个输入框中移开
图四:光标再次移回第二个输入框
图五:相关信息