js怎么获取inpu焦点,输入完1位数字后自动跳到第二个input,如此类推到第6个完成

js怎么获取inpu焦点,输入完1位数字后自动跳到第二个input,如此类推到第6个完成,第1张

<!DOCTYPE html>

<html>

  <head>

<meta >

代码如下(测试成功):

<html>

<body>

    <input class="int" type="text" />

    <input class="int" type="text" />

    <input class="int" type="text" />

    <input class="int" type="text" />

</body>

<script>

    //获取对象

    var page = documentdocumentElement;

    var int = documentquerySelectorAll('int');

    

    //初始化获得第一个焦点

    int[0]focus();

    

    //规定点击页面任何位置都会将焦点给予第一个输入框

    pageonclick = function(){

        int[0]focus();

    }

    

    //规定点击4个输入框时例外(不会跳转到第一个输入框)

    for(var i=0; i<intlength; i++){

        int[i]onclick = function(e){

            //阻止冒泡[重点!]

            var e = windowevent || e;

            if(documentall){

                ecancelBubble = true;

            }else{

                estopPropagation();

            }

        }

    }

</script>

</html>

纯手打,望采纳。

以上就是关于js怎么获取inpu焦点,输入完1位数字后自动跳到第二个input,如此类推到第6个完成全部的内容,包括:js怎么获取inpu焦点,输入完1位数字后自动跳到第二个input,如此类推到第6个完成、js 焦点问题:页面上有4个输入框,能不能通过js控制页面的焦点始终为这4个输入框中的一个、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9690986.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存