Question

我对我的＆＃34; test2＆＃34;有困难。

我的第一个＆＃34; test1＆＃34;正在工作并打印出我想要的方式。但是，test2没有显示任何结果，没有。

我想是简单的错误，但我只是感到困惑。

代码：

<!DOCTYPE>
<html">

<head>
    <script type="text/javascript">
        function myFunction(event) {
            event.preventDefault();
            var k = event.keyCode;
            document.getElementById("test1").innerHTML = event.keyCode;
            document.body.children.myform.children.test2.value = event.keyCode;
        }
    </script>
</head>

<body onkeydown="myFunction(event)">
    <form id="myform">
        <center>
            <table>
                <tr><td><br /><br /><br /></td></tr>
                <tr>
                    <td>
                        <h1>Key Code</h1>
                    </td>
                </tr>
                <tr>
                    <td>
                        <input id="test2" type="text" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <p id="test1"></p>
                    </td>
                </tr>
            </table>
        </center>
    </form>
</body>

</html>

Jsfiddle是否有帮助：

https://jsfiddle.net/o935hyzv/

Answer 1

如果您想访问示例中的表单字段，则输入标记必须声明name属性。

<script type="text/javascript">
    document.getElementsByTagName('form')[0].children.test2.value = event.keyCode;
</script>
<input id="test2" name="test2" type="text" />

无论如何，当你声明ID时，我更喜欢这个JS代码：

document.getElementById("test2").value = event.keyCode;

此输入文本框无法打印输出

1 个答案: