为什么我的代码中需要“返回假”？

Question

I have read up on what event bubbling means and understood what it meant, but I am still unable to understand why my code requires "return false".

function init() {
  var fireButton = document.getElementById("fireButton");
  fireButton.onclick = handleFireButton;
  var guessInput = document.getElementById("guessInput");
  guessInput.onkeypress = handleKeyPress;
}

function handleFireButton() {
  var guessInput = document.getElementById("guessInput");
  var guess = guessInput.value;
  controller.processGuess(guess);
  guessInput.value = "";
}

function handleKeyPress(e) {
  var fireButton = document.getElementById("fireButton");
  if (e.keyCode === 13) {  //13 represent the "Enter" key.
    fireButton.click();
    return false;
  }
}

window.onload = init;

Answer 1

the return false would prevent the form from submit. You can also use e.preventDefault() in this case (and this is probably what you really want).

Anyway, you can simply remove the form tag altogether, it's not necessary. (or handle onsubmit instead of onclick/onkeypress if you want to use form )

Answer 2

Since this is an Enter button in case it is a form in a markup it may trigger submit of the form, I would suggest changing return false; to e.preventDefault(); because it is much more literal at what it is doing, but that's just my opinion