JavaScript 按 Enter 键两次，每次按键后执行不同的操作

Question

我需要帮助按 Enter 键两次，并在纯 JS(无 jQuery)中每次按键后发生不同的操作，例如:

• 按 Enter
• 发生一个操作
• 再次按 Enter
• 发生不同的操作

我可以使第一个操作起作用，但不能使第二个操作起作用。这是我的代码:

var enterPressed = 0;
window.onkeydown = function (e) {
  var keyCode = e.keyCode || e.which;
  if (keyCode === 13) { 
    if (enterPressed === 0) {
      enterPressed = 1;
      e.preventDefault(); 
      console.log("Enter pressed once. enterPressed is " + enterPressed);
    } else if (enterPressed === 1) {
      e.preventDefault(); 
      console.log("Enter pressed twice. enterPressed is " + enterPressed);
    }
   }
 };

Here's a Plunk .

知道我做错了什么吗？谢谢。

Answer 1

当你在“文档”上书写时，你就扔掉了所有的 JS 代码。

您需要将该答案放在另一个元素上，例如 document.getElementById('result')，然后将结果写入该元素。

Here is your plunk good sir

var enterPressed = 0;
window.onkeypress = function (e) {
 var keyCode = (e.keyCode || e.which);
 if (keyCode === 13) {
  alert('key');
  if (enterPressed === 0) {
   enterPressed++;
   document.getElementById("result").innerHTML = "Enter pressed once. enterPressed is " + enterPressed;
  } else if (enterPressed === 1) {
   e.preventDefault(); 
   document.getElementById("result").innerHTML = "Enter pressed twice. enterPressed is " + enterPressed;
  }
 return;
 }
};