单击提交按钮后如何使我的页面停止刷新？

Question

尝试在其中制作弹出窗口 window 。 单击提交时，页面正在刷新。 我该如何预防？ 我的e.preventDefault不起作用

modalsubmit.addEventListener('submit', function(e) {
  e.preventDefault();
  modal.classList.toggle('overlay_opened');
  profilettl.textContent = modalname.value;
  profdesc.textContent = modaldesc.value;
});

Answer 1

使用 e.stopPropagation() 中断默认行为

https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation

Answer 2

我假设您已将提交事件侦听器添加到按钮而不是表单。 检查一下，它应该可以工作。

 const modalsubmit = document.querySelector('form'); modalsubmit.addEventListener('submit', function(e) { e.preventDefault(); });

 <form> <button type="submit">submit</button> </form>