javascript - 如何在页面加载时自动点击网页上的输入字段

标签 javascript jquery html

我正在制作需要通过条形码阅读器进行考勤的考勤系统。在一个页面上,我有一个 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 中的代码行 block 。

关于javascript - 如何在页面加载时自动点击网页上的输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33672659/

相关文章:

javascript - 一次将事件句柄附加到多个元素

javascript - 网络音频 : No sound in right channel

jquery - 将元素放在另一个元素旁边?

PHP如何在数据库中插入NULL?

javascript - jQuery 函数适用于本地主机,但不适用于网络

javascript - 带有 Javascript 数组的 Chartjs 标签

javascript - 使用 fake api 'myjson.com' 从数组中获取第一个元素

javascript - 如何在 chrome 中取消隐藏来自某些 js 文件的消息

jquery - 使用jQuery一次性获得YouTube或Vimeo缩略图

JavaScript 顺序执行