Javascript：这里为什么用preventDefault？

Question

我一直在看某人发布的一些代码，我不知道他为什么在这里使用 preventDefault。谁能告诉我为什么？

非常感谢。 https://codepen.io/Sylvia31/pen/eygvVm

form.addEventListener('submit', function (e) {

   **e.preventDefault();**

   responseContainer.innerHTML = '';
   searchedForText = searchField.value;
   const imgRequest = new XMLHttpRequest();
   imgRequest.onload = addImage;
   imgRequest.onerror = function (err) {
      requestError(err, 'image');
   };

Answer 1

基本上，preventDefault 用于取消或停止事件的正常行为。比如阻止提交按钮提交，或阻止 link 重定向。

在这里，此人可以使用 preventDefault 来阻止复选框提交。

Answer 2

从Event.preventDefault() MDN Reference可以看出：

preventDefault() method tells the user agent that if the event does not get explicitly handled, its default action should not be taken as it normally would be.

对于表单，单击提交按钮的默认操作是 submit 表单并将用户重定向到表单中定义的操作页面，并在 preventDefault() 中使用submit 事件处理程序可以停止表单提交。

在您的情况下，此处使用 e.preventDefault() 来停止表单默认提交行为并执行替代代码块，在本例中为 XMLHttpRequest.

Javascript：这里为什么用preventDefault？

Javascript: why here used preventDefault?

javascript

forms

ajax

events

preventdefault