Javascript 触发按钮单击并返回/输入
我正在尝试为课堂作业创建一个数字游戏。计算机生成一个随机数,玩家有五次机会猜到它。我已经完成了作业的所有要求,但我想修改游戏,让它通过按键盘上的回车/回车键而不仅仅是按钮来接受猜测。我一直在特别关注Stackexchange,但我无法让它发挥作用。我不想使用JQuery。如有任何建议,将不胜感激 这是我的密码:Javascript 触发按钮单击并返回/输入,javascript,forms,Javascript,Forms,我正在尝试为课堂作业创建一个数字游戏。计算机生成一个随机数,玩家有五次机会猜到它。我已经完成了作业的所有要求,但我想修改游戏,让它通过按键盘上的回车/回车键而不仅仅是按钮来接受猜测。我一直在特别关注Stackexchange,但我无法让它发挥作用。我不想使用JQuery。如有任何建议,将不胜感激 这是我的密码: <head> <script type = "text/javascript" src = "Guessing6.js"></script> <
<head>
<script type = "text/javascript" src = "Guessing6.js"></script>
</head>
<body>
<form action="Guessing6.js" method="get">Enter a number between 1 and 100: <br />
<input type="text" name="inputbox" onkeydown="if(event.keyCode==13) document.getElementById('mybutton').click()"/>
<input type="button" id="mybutton" value="Guess" onClick="testResults(this.form)">
</form><br />
</body>
在表单上使用onsubmit并返回false;也可以使用输入类型提交
不要使用onclick,而是转到的onsubmit并阻止提交,这样页面就不会刷新。现在,任何提交函数的方法都会调用您的代码。您犯了一个小的拼写错误,而不是您编写的函数。更正。问题是我不想使用JQuery。如有任何建议,将不胜感激。所以想想其他的东西。谢谢,这可能会在下一次迭代中派上用场。正如前面提到的,这次尝试不用JQuery来完成它。太好了,谢谢你们两位。它似乎起作用了。下面是我的代码。如果您看到任何不正确的内容,请告诉我。请输入一个介于1和100之间的数字:
function testResults (form) {
var TestVar = form.inputbox.value;
<form onsubmit='testResults(this);return false;'>
<input type='submit' />
</form>
<html>
<head>
<script>
function btn_click(){
alert(1);
}
function key_up(e){
if(e.keyCode == 13){
btn_click();
}else{
return;
}
}
</script>
</head>
<body>
<input type="text" onkeypress="key_up(event)">
<button onclick="btn_click()">click</button>
</body>
</html>
function submitenter(myfield,e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
else return true;
if (keycode == 13)
{
whatever_function_it_is();
return false;
}
else
return true;
}
<form>
<input type="text" id="box" name="result" onKeyPress="return submitenter(this,event)" />
<input type="button" id="button" value="GO" onClick="whatever_function_it_is()" />
</form>