入力長に達するとフォームは自動的にフォーカスを切り替えます_JavaScript スキル
WBOY
リリース： 2016-05-16 16:53:13
オリジナル
1019 人が閲覧しました
上記のようなフォーム フィールドが表示されることがあります。各フィールドの入力長を制限し、入力長に達したときに自動的にフォーカスを切り替えることで、フォーム
コードをコピー コードは次のとおりです:
コードをコピー コードは次のとおりです。
(function () {
function tabForward(e) {
e = e ||
var target = e.target || e.srcElement; target.maxLength) {
var form = target.form;
for (var i = 0, len = form.elements.length; i
if (form .elements[i] = == target) {
if (form.elements[i ]) {
form.elements[i ].focus();
break;
}
}
}
var textbox1 = document.getElementById("txt1");
var textbox2 = document.getElementById("txt2"); textbox3 = document.getElementById( "txt3");
textbox1.addEventListener("keyup", tabForward, false);
textbox2.addEventListener("keyup", tabForward, false); .addEventListener("keyup" , tabForward, false);
})();
このコードは、入力文字列の長さが等しいかどうかを判断します。その場合、フォームに次のフィールドがある場合は、次のフォーカスに自動的に切り替わります。
次の 2 つの属性について簡単に説明します。
target.form form 属性は、現在のフィールドが属するフォームへのポインターを指します。
。
form.elements elements 属性は、フォーム A 内のすべてのフォーム要素 (フィールド) のコレクションです。要素コレクションは、、function tabForward(e) {
e = e ||
var target = e.target || e.srcElement; target.maxLength) {
var form = target.form;
for (var i = 0, len = form.elements.length; i
if (form .elements[i] = == target) {
if (form.elements[i ]) {
form.elements[i ].focus();
break;
}
}
}
var textbox1 = document.getElementById("txt1");
var textbox2 = document.getElementById("txt2"); textbox3 = document.getElementById( "txt3");
textbox1.addEventListener("keyup", tabForward, false);
textbox2.addEventListener("keyup", tabForward, false); .addEventListener("keyup" , tabForward, false);
})();
このコードは、入力文字列の長さが等しいかどうかを判断します。その場合、フォームに次のフィールドがある場合は、次のフォーカスに自動的に切り替わります。
次の 2 つの属性について簡単に説明します。
target.form form 属性は、現在のフィールドが属するフォームへのポインターを指します。
。