请考虑以下非工作 HTML 文档:
<html>
<body>
<form action="" method="GET" onsubmit="return f(this);">
<input type="text" name="bar" value="" />
<input type="button" name="foo" value="foo" />
</form>
</body>
<script type="text/javascript">
function f(x) {
alert(x.bar);
}
</script>
</html>
我想要实现的是，当(a)按下 foo 按钮时；或 (b) 当文本输入具有焦点时按下 Enter 键；然后使用 s 文本输入的内容调用函数 f - 否则浏览器应该在 f 返回后停留在同一页面上。
我怎样才能实现这个目标？
最佳答案
您应该使用提交输入而不是按钮输入，并且要从文本输入中获取文本，您可以使用 value 属性并返回 false 以阻止表单提交
<html>
<body>
<form action="" method="GET" onsubmit="return f(this);">
<input type="text" name="bar" value="" />
<input type="submit" name="foo" value="foo"/>
</form>
<script type="text/javascript">
function f(x)
{
alert(x.bar.value);
return false;
}
</script>
</body>
</html>
关于javascript - 表单提交转至 Javascript - 并保持在同一页面上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11386263/