Javascript 如何在此练习中使用onkeydown onkeypress onkeyup_Javascript_Html

Javascript 如何在此练习中使用onkeydown onkeypress onkeyup

javascript html

Javascript 如何在此练习中使用onkeydown onkeypress onkeyup,javascript,html,Javascript,Html,创建两个文本框。用户将从键盘在第一个文本框中给出，在第二个文本框中从第一个文本框中获取变量，并将字符大写锁定。例如：我在第一个文本框中给e，在第二个文本框中给e <html> <head> <title>exc1</title> <script> function create() { var x = document.getElementById("textbox

创建两个文本框。用户将从键盘在第一个文本框中给出，在第二个文本框中从第一个文本框中获取变量，并将字符大写锁定。例如：我在第一个文本框中给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>


exc1
函数create（）{
var x=document.getElementById（“textbox”）.value；
}
函数变量（x）{
}

在这里，您为这两个文本元素提供了相同的id，id应该是唯一的，因此我使用textboxfrom和textboxto重命名它们。第二，在这里，您还需要监听keyup事件，否则您将无法获得第二个框中的最后一个字符。因为对于单字符输入，浏览器在触发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>


exc1
函数create（）{
var x=document.getElementById（“textboxfrom”）.value；
}
函数变量（x）{
document.getElementById（“textboxto”）.value=document.getElementById（“textboxfrom”）.value.toUpperCase（）；
}