次の入力フィールドへの自動タブ
1111 ワード
この例では、max lengthに達すると次の入力にフォーカスする方法を示します.
ここでjjQuery Auto Tabの小さな例をjQueryを使用して、次の入力フィールドに入力します.
ここでjjQuery Auto Tabの小さな例をjQueryを使用して、次の入力フィールドに入力します.
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<style>
input {
width: 25px; margin: 5px; height:25px;
}
</style>
</head>
<body>
<input class="inputs" type="text" maxlength="1" />
<input class="inputs" type="text" maxlength="1" />
<input class="inputs" type="text" maxlength="1" />
<input class="inputs" type="text" maxlength="1" />
<input class="inputs" type="text" maxlength="1" />
<input class="inputs" type="text" maxlength="1" />
<script>
$(".inputs").keyup(function () {
if (this.value.length == this.maxLength) {
$(this).next('.inputs').focus();
}
});
</script>
</body>
</html>
Reference
この問題について(次の入力フィールドへの自動タブ), 我々は、より多くの情報をここで見つけました https://dev.to/websolutionstuff/auto-tab-to-next-input-field-jquery-3hk1テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol