如何在頁面加載時自動單擊網頁上的輸入

Question

我正在制作需要條形碼閱讀器進行考勤的考勤系統。 在頁面上，我有一個input框，要求條形碼讀取器掃描學生證。 但是，在出席一次頁面重新加載后，我必須再次單擊輸入字段，然后通過條形碼閱讀器進行掃描。 有沒有辦法在頁面加載時自動單擊輸入字段，以便我只掃描學生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>

Answer 1

使用focus()方法：

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

還要注意，將代碼放置在函數中是多余的，因為您將代碼放置在</body>之前，因此您可以刪除onload屬性並執行script塊中的代碼行。

Answer 2

如果瀏覽器支持自動對焦屬性（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>

如何在頁面加載時自動單擊網頁上的輸入

問題描述

2 個解決方案

解決方案1
4 2015-11-12 13:35:21

解決方案2
0 2015-11-12 14:30:16

如何在頁面加載時自動單擊網頁上的輸入

問題描述

2 個解決方案

解決方案1 4 2015-11-12 13:35:21

解決方案2 0 2015-11-12 14:30:16

解決方案1
4 2015-11-12 13:35:21

解決方案2
0 2015-11-12 14:30:16