Javascript | Enter 键第一次应该按一个按钮，第二次应该按一个 label 或 url

Question

我们第一次按键盘回车键应该执行 button(id="botonCorregir")。 但是我们第二次按回车键应该执行 url()。 我用cont，第一次执行javascript代码的一部分，当de cont值为1后，执行javascript代码的第二部分。 对于一些错误，它不起作用。

谢谢！

HTML：

<input id="respuestaUsuario"></input>

<button id="botonCorregir">Reply</button>
<a id="enlaceSiguiente" href="nextQuestion.html">Next question</a>

JAVASCRIPT：

<script>
var cont=0;
if(cont==0){
//Should enter the first press of enter
      var input = document.getElementById("respuestaUsuario"); 
    console.log('input: ', input)
    input.addEventListener("keyup", function(event) {
      if (event.keyCode == 13) {
       event.preventDefault();
       document.getElementById("botonCorregir").click();
      }
    });
    cont++;
}else{
//Should enter the second press of enter
    if (event.keyCode == 13) {
       event.preventDefault();
       document.getElementById("enlaceSiguiente").click();
      }
}
</script>

Answer 1

我猜你是在正确的轨道上，但问题是你的 Javascript 只执行一次。 因此，永远不会触发 else 案例。 我重构了您的代码以使用事件侦听器中的检查：

        var cont = 0;

        var input = document.getElementById("respuestaUsuario");
        input.addEventListener("keyup", function (event) {
          if (event.keyCode == 13) {
            event.preventDefault();
            if (cont == 0) {
              cont++;

              document.getElementById("botonCorregir").click();
            } else {
              document.getElementById("enlaceSiguiente").click();
            }
          }
        });

我还创建了一个codepen供您查看。

Answer 2

您在代码中有一些错误。

您根据cont的值分配事件，因此始终具有该功能。 一旦cont的值改变，Javascript 不会重新解释代码。 我的意思是，Javascript 只检查一次条件：

if(cont==0){}

这是一个有效的解决方案：

var cont=0;
var input = document.getElementById('respuestaUsuario');

input.addEventListener('keyup', function (event) {
  event.preventDefault();
  if (event.keyCode == 13) {
    if(!cont){
      alert('uno');
      document.getElementById("botonCorregir").click();
      cont++;
    }else{
      document.getElementById("enlaceSiguiente").click();
    }
  }
});