使用Java Script将数据从一个文本框复制到另一个文本框

joe*_*joe 2 javascript javascript-events

我希望自动将数据从一个文本框复制到另一个文本框,即,当我编辑第一个文本框时,第二个文本框应该自发地反映相同的文本框.

wom*_*omp 5

在jQuery中,这样的事情:

$("#txtBox1").keypress(function() {
  $("#txtBox2").val($(this).val());
}
Run Code Online (Sandbox Code Playgroud)

  • @Pointy,@ womp:我觉得jQuery很棒,但我不想成为编程语言的新手,想要学习所说的语言的细节,每当我求助时,我都会回答"使用x框架"没有其他解释.奇怪的是,你没有真正看到它用于其他语言,但你使用Javascript/jQuery. (2认同)

Sal*_*lil 5

在onkeypress上调用javascript函数

function copy_data(val){
 var a = document.getElementById(val.id).value
 document.getElementById("copy_to").value=a
}
Run Code Online (Sandbox Code Playgroud)

编辑使用onkeyup或onblur

<html>
<head>
    <script>
    function copy_data(val){
     var a = document.getElementById(val.id).value
     document.getElementById("copy_to").value=a
    }    
    </script>
</head>
<body>
<input type="text" name ="a" id="copy_from" onkeyup="copy_data(this)"/>
<input type="text" name ="a" id="copy_to"/>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)