已解決430363個問題，去搜搜看，總會有你想問的

輸入數據到下一個輸入時怎么辦？

首頁猿問輸入數據到下一個輸入時怎么辦？

輸入數據到下一個輸入時怎么辦？

JavaScript

慕姐8265434 2022-07-08 15:45:11

將數據輸入到下一個輸入時怎么辦，如果我刪除數據，它會返回到輸入？<input id="first" maxlength="1" value=""><input id="second" maxlength="1" value=""><input id="third" maxlength="1" value="">

查看完整描述

1 回答

慕田峪7331174

TA貢獻1828條經驗獲得超13個贊

專注于第一個空輸入非常容易，但是當輸入清空時自動向后移動感覺違反直覺......如果需要，您可以添加一個 keyup 處理程序來查看用戶是否在空輸入中輸入退格鍵；如果是，請將焦點移回。

也就是說，使用三個輸入框而不是一個輸入框的原因是什么？:)

const inputs = document.querySelectorAll(".input-grouped");

function alwaysFocusFirstEmptyInput(event) {

for(var i = 0; i < inputs.length; i++) {

if(inputs[i].value === "") {

inputs[i].focus();

break;

}

[...inputs].forEach((input) => {

input.addEventListener("input", alwaysFocusFirstEmptyInput, null);

});

反對回復 2022-07-08

1 回答
0 關注
114 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

輸入數據到下一個輸入時怎么辦？

輸入數據到下一個輸入時怎么辦？

1 回答

添加回答

輸入數據到下一個輸入時怎么辦？

輸入數據到下一個輸入時怎么辦？