javascript实现依次输入input自动定焦
作者：hebedich 时间：2024-04-28 10:19:12
<html>
<head>
<script type="text/javascript">
function moveNext(object,index){
if(object.value.length==4){
document.forms[0].elements[index+1].focus();
}
}
function showResult(){
var f=document.forms[0];
var result="";
for(var i=0;i<4;i++){
result+=f.elements[i].value;
}
alert(result);
}
</script>
</head>
<body onload="document.forms[0].elements[0].focus();">
<form>
<input type="text" size="3" maxlength="4" onkeyup="moveNext(this,0);">
<input type="text" size="3" maxlength="4" onkeyup="moveNext(this,1);">
<input type="text" size="3" maxlength="4" onkeyup="moveNext(this,2);">
<input type="text" size="3" maxlength="4" onkeyup="moveNext(this,3);">
<input type="button" value="显示" onclick="showResult();">
</form>
</body>
</html>
代码很简单，功能非常实用，小伙伴们美化下就可以用到自己项目中了，是不是很炫酷
标签：javascript,input
0
投稿猜你喜欢
浅谈订单重构之 MySQL 分库分表实战篇
2024-01-13 00:53:36
Smush it - 一款图片压缩的Firefox插件，很好，很强大！
2009-04-12 20:09:00
Python类的动态修改的实例方法
2021-07-03 12:16:15
详解Python 关联规则分析
2023-09-03 11:54:18
SQL Server取得网站路径的几种方法及比较
2008-12-09 14:15:00
用 Python 制作地球仪的方法
2022-11-10 19:10:36
python进阶之自定义可迭代的类
2022-09-20 10:18:48
JavaScript基于ChatGPT API实现划词翻译浏览器脚本
2024-04-22 12:52:27
使用python socket分发大文件的实现方法
2022-05-23 10:45:40
Python中顺序表原理与实现方法详解
2023-03-24 22:57:48
将python文件打包exe独立运行程序方法详解
2021-07-03 02:26:41
MySQL隐式类型转换导致索引失效的解决
2024-01-12 22:45:25
解读keras中的正则化(regularization)问题
2023-08-13 12:28:45
使用python opencv对畸变图像进行矫正的实现
2021-08-18 01:09:44
由日文出错的Bug，重新认识 Replace 函数
2009-07-07 22:28:00
Python如何使用vars返回对象的属性列表
2022-03-13 02:34:49
新手必备的Python实用技巧和工具
2022-08-20 04:59:01
MySQL主从搭建（多主一从）的实现思路与步骤
2024-01-18 01:14:02
Python查找数组中数值和下标相等的元素示例【二分查找】
2023-11-04 12:55:45
基于python requests selenium爬取excel vba过程解析
2021-06-18 23:47:09