Question

我正在尝试为课堂作业创建一个数字游戏。计算机生成一个随机数，玩家有五次机会猜测它。我已经完成了作业的所有要求，但我想修改游戏，以便通过按下Return / Enter键（在键盘上）接受猜测，而不仅仅是按钮。我一直在关注Stackexchange（尤其是Trigger a button click with JavaScript on the Enter key in a text box），但我无法让它工作。我不想使用JQuery。任何建议将不胜感激。

这是我的代码：

<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>

相关的js：

function testResults (form) {

var TestVar = form.inputbox.value;

Answer 1

在form上使用onsubmit并返回false;还可以使用input类型submit

<form onsubmit='testResults(this);return false;'>
    <input type='submit' />
</form>

Answer 2

 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>

Answer 3

<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>

触发按钮单击返回/回车

3 个答案: