單擊提交按鈕后如何使我的頁面停止刷新？

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>