如何在页面加载时自动点击网页上提交的输入

how to click on an input filed on a web page automatically as the page loads

本文关键字：网页 提交 输入 加载      更新时间：2023-09-26

我正在制作考勤系统，要求由条形码阅读器进行考勤。在一个页面上，我有一个input框，要求条形码阅读器扫描学生id。但在一次考勤后，页面会重新加载，我必须再次单击输入字段，然后用条形码阅读器扫描。有没有一种方法可以在页面加载时自动点击输入字段，这样我就可以扫描学生id？

我尝试过以下方法，但不起作用：

<body onload="myFunction()" >
    <form action="daily_attendance2_b.php" method="get">
        SID : <input type="number" id="box" name="roll_no"min=10000000 max=19999999 placeholder="Valid ID" >
        <input type="submit">
    </form>
    <script>
        function myFunction() {
            document.getElementById("box").click();
        }
    </script>
</body>

使用focus()方法：

<script>
    function myFunction() {
        document.getElementById("box").focus();
    }
</script>

还要注意，将其放在函数中是多余的，因为您将代码放在了</body>之前，所以您可以删除onload属性并执行script块中的代码行。

如果浏览器支持自动对焦属性（IE10+、FF4+、Chrome 5+），则可以使输入自动聚焦于页面加载：

<input type="number" id="box" name="roll_no"min=10000000 max=19999999 placeholder="Valid ID" autofocus >

否则，您可以使用JS进行聚焦：

<script>
    if (document.addEventListener) document.addEventListener('DOMContentLoaded', myFunction )
    else if (document.attachEvent) document.attachEvent( 'onreadystatechange', myFunction );
    function myFunction() {
        document.getElementById("box").focus();
    }
</script>
相关文章：