使用javascript移动或存储文本_Javascript_Html

使用javascript移动或存储文本

javascript html

使用javascript移动或存储文本,javascript,html,Javascript,Html,我尝试在文本框之间移动文本，但失败。这种方法有什么问题 <html> <script> function fill(){ document.getElementById("text2").value = document.test.text1.value } </script> <form name="test" id="test"> <input type="text" name="text1" id="text1"/> &l

我尝试在文本框之间移动文本，但失败。这种方法有什么问题

 <html>
<script>
function fill(){
document.getElementById("text2").value = document.test.text1.value 
}
</script>

<form name="test" id="test">
<input type="text" name="text1" id="text1"/>
<input type="text" name="text2" id="text2" value=""/>
<button name="b" onclick="fill()">move</button>
</form>
</html>


函数fill（）{
document.getElementById（“text2”）.value=document.test.text1.value
}
移动

一个原因是按钮正在提交表单。这需要加以抑制。另外，避免内联（又称domzero）事件声明，并更正式地绑定事件：

function fill(evt){
    document.getElementById("text2").value = document.test.text1.value;
    evt.preventDefault();
}
document.addEventListener('DOMContentLoaded', function() {
    document.querySelector('#test button').addEventListener('click', fill, false);
}, false);

我在这里使用了一些现代的方法，所以如果需要支持较旧的IEs，您可能需要对其进行调整，但是您明白了

还要注意的是，如果fill函数仅用于此按钮，而不用于其他地方，那么您可以在事件绑定中将其作为匿名函数直接引用，而不是像我在这里所做的那样用名称定义它并引用它。查看“匿名函数”了解更多信息。

为什么要以不同的方式访问不同的文本框？还有-javascript错误控制台会说什么？您认为这会导致问题吗？我想要的是在发送到数据库之前将一些文本存储在某个位置。我不使用控制台，也不熟悉，请你解释一下好吗？谢谢你。首先，要始终如一。然后检查从浏览器中得到的错误。