js_简单的登录焦点的获取以及改变

最新推荐文章于 2023-09-19 10:32:14 发布

勋勋勋勋小勋勋

最新推荐文章于 2023-09-19 10:32:14 发布

阅读量279

点赞数

文章标签：焦点的获取焦点的改变

本文链接：https://blog.csdn.net/qq_34607371/article/details/81138142

版权

当打开网页时，用户名自动获取焦点，按enter，焦点改变

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table>
    <tr><td>用户名</td><td><input type="text"></td></tr>
    <tr><td>密　码</td><td><input type="text"></td></tr>

</table>
</body>
<script>

    //获得当前页面的input
    var inputs = document.getElementsByTagName('input');
    //设置回车键下标
    var index = 0;
    //设置输入框获得焦点
    inputs[index].focus();

    document.onkeydown = function (ev) {
        if(ev.keyCode==13)
            index++;
        if(index==2)
            index = 0;
        inputs[index].focus();
    }

</script>
</html>