我是这样处理的。可以参考一下 wxml: <view class="input-row"> <input wx:for="{{inputList}}" bindinput="_handleInput" data-index="{{index}}" class="input-num" type="number" focus="{{item.focus}}" value="{{item.value}}" maxlength="1" /> </view> js: // 输入控制 data: { inputList: [{ value: "", focus: true, }, { value: "", focus: false, }, { value: "", focus: false, }, { value: "", focus: false, }, ] }, _handleInput(e) { const { inputList } = this.data const { value } = e.detail const { index } = e.currentTarget.dataset if (value.length === 1) { const nextIndex = index + 1 inputList.forEach((item, innerIndex) => { item.focus = nextIndex === innerIndex }) this.setData({ inputList }) } inputList[index].value = value this.setData({ inputList }) }
小程序如何实现input输入最大数后自动切换至下一个input- 需求的场景描述(希望解决的问题) [图片] 小程序input设置最大输入值为1 ,输入1位数字之后如何让光标自动切换至下一个文本框?
2021-06-11