javascript - 使用 JavaScript 获取表单中输入字段的值

Question

有人可以帮助我理解为什么如果我将输入字段包装在表单字段中，控制台日志无法打印该值吗？

HTML:

  <form>
      <input id="formEntry" type="text">
      <button id="btn-3">Add Custom Line</button>
  </form>

JavaScript:

 var addCustomLine = function(){
      var customLine = document.getElementById("formEntry").value;
      console.log(customLine);
 }

 document.getElementById("btn-3").addEventListener ("click", addCustomLine, false);

Answer 1

通过不指定按钮类型，它默认提交父表单。您可以通过将类型显式设置为“按钮”来防止此行为。

<button type="button" id="btn-3">Add Custom Line</button>