Question

创建两个文本框。用户将在第一个文本框中从键盘给出，在第二个文本框中将从第一个文本框中获取变量，并使字符大写锁定。例如：我在第一个文本中给出e第二个方框上的框将是E.

<html>
    <head>
        <title>exc1</title>
        <script>
        function create() {
        var x = document.getElementById("textbox").value;


        }
        function takevariable(x){

        }
        </script>
    </head>
    <body>
    <input type="text" id="textbox" onkeydown="create()">
    <input type="text" id="textbox" onkeypress="takevariable()">

    </body>
    </html>

Answer 1

这里你给两个文本元素都有相同的id，id应该是唯一的，所以我用textboxfrom和textboxto重命名它们。其次，在这里你还需要监听keyup事件，否则你不会在第二个框中获得最后一个字符。因为对于单个字符输入，浏览器会在发出键盘事件时输入字符。

<html>
    <head>
        <title>exc1</title>
        <script>
        function create() {
            var x = document.getElementById("textboxfrom").value;
        }
        function takevariable(x){
            document.getElementById("textboxto").value = document.getElementById("textboxfrom").value.toUpperCase();
        }
        </script>
    </head>
    <body>
        <input type="text" id="textboxfrom" onkeydown="create()" onkeypress="takevariable()" onkeyup="takevariable()">
        <input type="text" id="textboxto" >
    </body>
</html>

如何在本练习中使用onkeydown-onkeypress-onkeyup

1 个答案: