Question

我在html页面中有两个文本框t1和t2。

我想将t1内容复制到t2，在t1完成的每次击键时使用javascript。

Answer 1

Ol'上学，因为你添加了“初学者”标签：

<input type="text" id="t1" onkeyup="document.getElementById('t2').value = this.value" />
<input type="text" id="t2" />

更强大的解决方案还使用change事件（对于通过鼠标右键单击粘贴的人），并且不内联事件处理程序逻辑：

<input type="text" id="t1" />
<input type="text" id="t2" />

<script>
var t1 = document.getElementById('t1');
t1.onkeyup = t1.onchange = function() {
    document.getElementById('t2').value = this.value;
};
</script>

Answer 2

使用jquery，看起来像这样：

$(function() { $(t1).keyup(function() { $(t2).val($(t1).val()) } })

Answer 3

你可以使用这个丑陋的东西：

<html>
<body>
  <textarea id="t1" onkeyup="document.getElementById("t2").value = this.value;"></textarea>
  <textarea id="t2"></textarea>
</body>
</html>

如何使用javascript将文本框的内容复制到另一个文本框？

3 个答案: