【小记】js小坑addEventListener（）函数与原生Ajax

1.不了解js，随便找了一个监听函数没注意功能，找了很久才发现问题出在这儿

使用addEventListener()函数会覆盖HTML窗体的默认行为

 

msgerButton.addEventListener("submit", event => {
  event.preventDefault();
  const msgText = msgerInput.value;
  if (!msgText) return;
  msgerInput.value = "";
  addChat(PERSON_NAME, PERSON_IMG, "right", msgText);
  output(msgText);
});

 2.使用原生Ajax时，把需要被托管的组件的相关行为关闭或删除，和addEventListener()相反Ajax的行为会被组件的行为覆盖，导致Ajax失效。

我的问题：配置了Ajax后按钮不应用Ajax中的post请求

解决方法：在把按钮的类型从submit改为button后Ajax恢复正常