使用.focus()时谷歌浏览器onChange函数调用两次的问题

程序员文章站 2024-02-13 20:37:52

...

场景如下我有六个Input框我想要实现类似支付宝填密码的那种效果

输入时自动聚焦在下一个Input框里

 [...new Array(6)].map((item, i) =>
            (
              <Col span={4} key={i}>
                <input
                  className='input'
                  ref={inputDom[i].ref}
                  maxLength={1}
                  onChange={(e) => onChange(e, i)}
                />
              </Col>
            )
          )

最后解决办法：改成onInput

 [...new Array(6)].map((item, i) =>
            (
              <Col span={4} key={i}>
                <input
                  className='input'
                  ref={inputDom[i].ref}
                  maxLength={1}
                  onInput={(e) => onChange(e, i)}
                />
              </Col>
            )
          )