communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > Comment implémenter un exemple de saut automatique de focus

Comment implémenter un exemple de saut automatique de focus

巴扎黑
Libérer： 2017-05-21 18:46:06
original
1244 Les gens l'ont consulté

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>html－www.51windows.Net</title> 
</head> 
<body> 
以下四个文本框，每个限输入四个字符，输入完后自动跳到下一文本框 
<script ID="clientEventHandlersJS" LANGUAGE="javascript"> 
<!-- 
function T1_onkeyup() { 
if(document.card.T1.value.length==4){ 
document.card.T2.focus(); 
} 
} 
function T2_onkeyup() { 
if(document.card.T2.value.length==4){ 
document.card.T3.focus(); 
} 
} 
function T3_onkeyup() { 
if(document.card.T3.value.length==4){ 
document.card.T4.focus(); 
} 
} 
//--> 
</script> 
<form method="POST" name="card" action> 
输入字符： 
<input type="text" name="T1" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T1_onkeyup()">- 
<input type="text" name="T2" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T2_onkeyup()">- 
<input type="text" name="T3" size="4" maxlength="4" LANGUAGE="javascript" onkeyup="return T3_onkeyup()">- 
<input type="text" name="T4" size="4" maxlength="4"> 
</form> 
</body> 
</html> 
<p style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand"> 
<input type="button" name="Button" value="查看源代码" onClick= &#39;window.location = "view-source:" + window.location.href&#39;></p>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
让焦点自动跳转
source：php.cn
Article précédent：Vérifiez et remplacez automatiquement les caractères dans les zones de texte Article suivant：Explication détaillée de la façon dont JavaScript utilise 300 lignes de code pour convertir les caractères chinois en Pinyin
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Comment puis-je définir le focus sur un élément dom nouvellement (auto) rendu ? J'ai un champ de saisie qui remplace automatiquement par une zone de texte et le même cont...
Depuis 2024-03-30 23:59:45
0
2
457
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal