简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > web前端 > js教程 > 正文

怎样实现让焦点自动跳转的实例

巴扎黑
发布： 2017-05-21 18:46:06
原创
1174 人浏览过

<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>
登录后复制

以上是怎样实现让焦点自动跳转的实例的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
让焦点自动跳转
来源：php.cn
上一篇：自动检查并替换文本框内的字符 下一篇：JavaScript使用300行代码解决汉字转拼音的方法详解
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
为由JavaScript生成的AJAX HTML表格添加动态链接 我正在使用JavaScript生成HTML表格，用来填充来自AJAX文件的数据。我想要动态地在某些单元格中添加链接，链接到myfile.php。我将让PHP处理请求。每个单元格都应...
来自于 2023-09-15 11:20:12
0
1
198
用户上次离开的内容将会自动恢复，网站将跳转至该内容 在HTML和CSS中，如何使用户在查看页面后离开并重新打开页面时，页面将加载在用户最后关注的段落中？
来自于 2023-09-13 19:14:01
0
1
266
如何让转换后的元素不被溢出自动切断？ 我正在使用Bootstrap4为朋友的个人网站制作一个模态画廊。我设置了它，以便图像在悬停时展开-但当我将溢出设置为自动时，它们会在模态（或div）的边缘被切断。图库也是一组选项卡...
来自于 2023-09-07 20:04:02
0
1
290
MaterialUI 是如何做到这一点的？ 如果你看看他们的自动完成组件：https://mui.com/material-ui/react-autocomplete/单击下拉列表中的建议后，输入框会保持焦点...他们是如何...
来自于 2023-09-04 18:17:31
0
1
278
用多个PHP变量分割HTML输入字段的方法，通过换行符实现的 所以，我正在为那些想要将Excel中的文本行复制/粘贴到文本框中的用户制作一个工具。目标是让每一行成为一个单独的变量。如果可能的话，我希望能够计算行数并将它们转换为数组。竞争对手零...
来自于 2023-08-16 13:06:13
0
1
181
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！