js 焦点问题:页面上有4个输入框,能不能通过js控制页面的焦点始终为这4个输入框中的一个?

JavaScript010

js 焦点问题:页面上有4个输入框,能不能通过js控制页面的焦点始终为这4个输入框中的一个?,第1张

有办法的,只是绑定了整个页面后,需要针对输入框,解除冒泡响应,否则页面点击任何地方(包括输入框)页面焦点将永远指向第一个输入框。

代码如下(测试成功):

<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 = document.documentElement

    var int = document.querySelectorAll('.int')

    

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

    int[0].focus()

    

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

    page.onclick = function(){

        int[0].focus()

    }

    

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

    for(var i=0 i<int.length i++){

        int[i].onclick = function(e){

            //阻止冒泡[重点!]

            var e = window.event || e

            if(document.all){

                e.cancelBubble = true

            }else{

                e.stopPropagation()

            }

        }

    }

</script>

</html>

纯手打,望采纳。

让输入框获取焦点:

方法1:<body onload="document.getElementById('inputId').focus()">

方法2:

function init(){

document.getElementById("inputId").focus()

}

例如:

<body onload="document.getElementById('test').focus()">

我要获取焦点:<input type="text" name="test" id="test">

</body>