我正在尝试学习一点 Javascript。我写了下面的代码,希望在单击按钮时看到文本框的内容写入页面。这确实发生了,但非常短暂,因为页面似乎重新绘制回其原始值。
提前致谢。
<!DOCTYPE html>
<html>
<head>
<script>
function getData() {
var x = document.getElementById("name").value;
document.getElementById("space").innerHTML = x;
}
</script>
</head>
<body>
<h1>Playing with Javascript and Forms</h1>
<form id="myForm">
Name: <input type="input" id="name">
<input type="submit" value="Submit" id="submit" onClick = "getData()">
</form>
<p id="space"></p>
</body>
</html>
最佳答案
它这样做是因为表单正在完全提交并且页面重新加载。要停止它,请将 onclick 更改为:
onClick = "return getData()"
和你返回 false 的函数:
function getData() {
var x = document.getElementById("name").value;
document.getElementById("space").innerHTML = x;
return false;
}
这将阻止表单提交并允许您的代码运行。
关于javascript - 为什么我的 HTML 页面会重新绘制,替换我的输入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22024496/