javascript实现依次输入input自动定焦
作者：hebedich 发布时间：2024-04-28 10:19:12
标签：javascript,input
<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>
代码很简单，功能非常实用，小伙伴们美化下就可以用到自己项目中了，是不是很炫酷
0
投稿猜你喜欢
简单来说conda有什么用？方便的创建多个python虚拟环境，方便多个python项目同时开发的时候，每个项目都有自己独立的python开- 最近写一个BootStrap页面...因为功能需要所以决定一个页面解决所有问题，然后用jQuery来动态显示功能....然而这样做的话页面会
- 使用suds这个第三方模块from suds.client import Clienturl = 'http://ip:port/?
- 首先呢我去安装了一个那个pytorch，然后导入一下发现：连numpy都找不到，于是我表示很生气重新安装，它说安装过了，地址是balabal
- 关于F.normalize计算理解动机最近多次看到该方法出现，于是准备了解一下，搜了后发现原来是所谓的L2 norm计算简介函数定义torc
- 1、copy.copy()函数可用于复制列表或字典等可变值，复制后的列表和原列表是两个独立的列表。import copyorigin = [
- Chrome的CSS支持程度 ：Green / √ means current support.Orange / Δ means that
- 前言学习Python的初衷是因为它的实践的便捷性，几乎计算机上能完成的各种操作都能在Python上找到解决途径。平时工作需要在线学习。而在线
- 当用户的页面需要动态加载iframe 时， 如果iframe的src中包传中文参数会出现编码错误；必须加编码，然后再解码。 编码：encod
- 前言项目开发中，产品经理提了这样一个需求：将系统中的附件实现批量打包下载功能。本来系统中是有单个下载及批量下载功能，现在应业务方的需求，需要
- 本文为大家分享了pygame游戏之旅的第5篇，供大家参考，具体内容如下在游戏中添加显示文字：这里自己定义一个crash函数接口：def cr
- 本文实例形式讲解了python的类变量和成员变量用法，对于Python程序设计有一定的参考价值。分享给大家供大家参考。具体如下：先看看下面这
- 在例子视图中返回文本的方式有点特别，即HTML被直接硬编码在Python代码之中。def current_datetime(request)
- 考点：将字典转换为XML文档；将XML文档转换为字典。面试题1.面试题一：如何将一个字典转换为XML文档，并将该XML文档保存为文本文件。2
- 在进行matplotlib画图的时候，经常会出现这个的报错，虽然知道是因为没有对应的字体的原因，但是，将字体下载后放到目标路径下，仍然没有办
- iframe的背景颜色在IE下为window的当前窗口颜色（默认白色，可以在显示外观处对其进行设置），这导致在大幅背景上插入iframe时，
- 问题背景：新添加一个virtualenv环境时，需要安装指定的django==1.9.8，但是在添加解释器时，总报一个fuck egg的问题
- sys 模块提供了许多函数和变量来处理 Python 运行时环境的不同部分.处理命令行参数在解释器启动后, argv 列表包含了传递给脚本的
- 面部识别----考勤打卡、注册登录、面部支付等等...感觉很高大上，又很方便，下面用python中的框架--django完成一个注册登录的功
- 前言今天是正月初九，也是活动的倒数第二天，复工都三天了，而我三篇春节文章还没写完，实在是太混了！这次带来的是一个春节抽福卡页面，采用卡牌翻转
