javascript实现依次输入input自动定焦

日期:2019-09-07编辑作者:关于计算机

复制代码 代码如下:

javascript实现依次输入input自动定焦,javascriptinput

复制代码 代码如下:

<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>

图片 1

图片 2

图片 3

图片 4

代码很简短,功用特别实用,小同伴们美化下就能够用到自身项目中了,是否很炫丽

复制代码 代码如下: html head script type="text/javascript" function moveNext(object,index){ if(object.value....

<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>

图片 5

图片 6

图片 7

图片 8

代码极粗略,作用特别实用,小伙伴们美化下就能够用到温馨项目中了,是还是不是很炫彩

你可能感兴趣的篇章:

  • JavaScript获得并更动input标签name属性的法子
  • javascript使用正则调节input输入框允许输入的值方法大全
  • input 日期采取功用的javascript代码
  • JavaScript贯彻点击自动采用TextArea文本的秘诀
  • JavaScript让Textarea补助tab按钮的不二法门
  • 二个JavaScript管理textarea中的字符成每一行实例
  • JavaScript决断textarea值是或不是为空并付出相应提醒
  • Javascript 文本框textarea高度随内容自适应抓好降低
  • JavaScript落到实处为input与textarea自定义hover,focus效果的艺术

本文由今晚最快开奖现场直播发布于关于计算机,转载请注明出处:javascript实现依次输入input自动定焦

关键词:

jQuery中even选用器的定义和用法

本文实例呈报了jQuery中even选择器的概念和用法。共享给我们供我们参谋。具体深入分析如下: jQuery中even选用器的概...

详细>>

js对象聚集,创造js对象和js类的方法汇总

代码很简单,就不多废话了。 创建js对象和js类的方法汇总,js对象汇总 代码很简单,就不多废话了。 复制代码 代码...

详细>>

运用javascript实现Iframe自适应中度

方法一: 那边介绍八个最棒轻巧的办法,不用写什么推断浏览器高度、宽度啥的。 复制代码 代码如下: 上面包车型地...

详细>>

使用javascript获取页面名称

代码很简单,就不多废话了,奉上代码: 复制代码 代码如下: // 取当前页面名称(不带后缀名) function getPageName1() {  ...

详细>>