当用户点击按钮时，一切正常。但是当他们按回车键时，页面会重新加载。我做错了什么？
这是我的完整代码：
<!doctype html>
<html>
<head>
<title>Fun!</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="" media="print" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<style type="text/css">
body {
font-family: arial;
}
</style>
<script type="text/javascript">
function get() {
$.post('data.php', { name: form.name.value },
function(output) {
$('#age').html(output).show();
}
);
}
</script>
</head>
<body>
<div class="container">
<form action="" name="form" method="post">
<input type="text" name="name" /> <input type="button" value="Get" onClick="get();" />
</form><br />
<div id="age" style="display: none;">Result</div>
</div>
</body>
</html>
谢谢。
您正在为按钮设置 onclick 事件，当按下 Enter 时这将不起作用，因为它不是单击。
取下onclick并添加
onsubmit="event.preventDefault();get();return false;"
到<form>.
event.preventDefault(); prevent提交表单(Default操作(。
return false;适用于旧版本的Internet Explorer，因为它们不支持e.preventDefault();。现代浏览器忽略return false; 。
当用户按回车键时，表单将被提交。您必须查找窗体的onsubmit事件，而不是使用按钮的onclick事件。
<form ... onsubmit="get();">
...
</form>
现在，您还必须防止页面实际提交(因为您使用 AJAX 进行了提交(。在函数末尾添加return false; get() 。
更好的做法是使用 jQuery(因为无论如何您都在使用它(使用 on() 方法分配事件。