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

从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.

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

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