javascript - e.preventDefault() 不适用于表单提交

Question

提交 HTML 表单后，即使我的提交函数中有 e.preventDefault() 命令，网页也会重新加载。

$("#room-code-form").addEventListener("submit", function(e) {
  e.preventDefault();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="room-code-form">
  <input type="text" />
  <input type="submit" />
</form>

Answer 1

尝试使用提交功能。您需要在 Document Ready 函数中绑定(bind)它

$(document).ready(function() {
  $("#room-code-form").submit(function(e) {
    e.preventDefault();
  });
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="room-code-form">
  <input type="text" />
  <input type="submit" />
</form>

或

$("#room-code-form").submit(function(e) {
   return false;
});