我在 HTML 表单上有一个文本框和输入按钮。我想简单地捕获用户输入文本并将其传递给 Javascript 函数以更改同一页面上的设置而无需刷新。我尝试的一切最终都会刷新页面并丢失我的设置。不需要提交输入。当然,按键没问题,回车键就可以了。我在这里找到了很多很好的信息,但仍然没有成功。这是我的代码非常简化:
<html>
<head>
<title>Test</title>
</head>
<body>
<form id="codeform" >
<input name= "CodeTextBox" type="text" id="keywords" MAXLENGTH="20" SIZE="20" onkeypress="handleEnter(this, event, this.form)" />
<INPUT NAME="CodeButton" VALUE="click button" TYPE=BUTTON onClick=PromocodeValid(this.form)>
</FORM>
<script>
function PromocodeValid(form)
{
alert( form.CodeTextBox.value );
}
</script>
<script>
function handleEnter(inField, e, form) {
var charCode;
if(e && e.which){
charCode = e.which;
}else if(window.event){
e = window.event;
charCode = e.keyCode;
}
if(charCode == 13) {
PromocodeValid(form)
return false;
}
}
</script>
</body>
</html>