如何从一个input输入框自动跳到下一个输入框

(ღ星辰ღ)

已于 2024-02-20 16:16:27 修改

阅读量178

点赞数 1

文章标签： javascript css 前端

于 2024-02-20 16:10:10 首次发布

本文链接：https://blog.csdn.net/darlene2929/article/details/136192647

版权

<b-form
                    inline
                    style="margin-left: 44px; margin-top: 3px"
                    name="card"
                  >
 				<b-input
                      id="inlineInput1"
                      type="text"
                      v-model="platestr29"
                      style="
                        margin-left: 8px;
                        width: 49px;
                        height: 58px;
                        border: 0.5px solid #73818f;
                        font-size: 43px;
                      "
                      name="D9"
                      @input="D9onkeyup()"
                      maxlength="1"
                      :disabled="disab2"
                      size="sm"
                    ></b-input>

					 <b-input
                      id="inlineInput1"
                      type="text"
                      v-model="platestr210"
                      style="
                        margin-left: 8px;
                        width: 49px;
                        height: 58px;
                        border: 0.5px solid #73818f;
                        font-size: 43px;
                      "
                      name="D10"
                      @input="D10onkeyup()"
                      :disabled="disab2"
                      maxlength="1"
                      size="sm"
                    ></b-input>
                    </b-form>

 D9onkeyup() {
      if (document.card2.D9.value.length == 1) {
        document.card2.D10.focus();
        document.card2.D10.select();
      } else {
        document.card2.D8.select();
      }
    },

    D10onkeyup() {
      if (document.card2.D10.value.length == 1) {
        document.card2.D11.focus();
        document.card2.D11.select();
      } else {
        document.card2.D9.select();
      }
    },