求助：表单提交确认弹窗无效果，需实现点击Cancel阻止提交

你的代码没效果的核心问题是事件监听的名称写错了：addEventListener里应该用'submit'而非'onsubmit'，后者是DOM元素的属性名，不是事件监听的事件类型。

修正后的代码可以简化成这样：

const form = document.querySelector('#incidentform');

form.addEventListener('submit', function (e) {
  const text = "Are you sure you want to submit?";
  if (!confirm(text)) {
    // 用户点了Cancel，阻止表单提交
    e.preventDefault();
  }
});

或者更简洁的写法：

const form = document.querySelector('#incidentform');

form.addEventListener('submit', (e) => {
  if (!confirm("Are you sure you want to submit?")) {
    e.preventDefault();
  }
});

补充说明： #

• 使用e.preventDefault()是阻止表单默认提交行为的标准方式，比返回布尔值更可靠，尤其是在现代浏览器中。
• 原代码里的return true/false在事件监听函数中不会直接生效，因为事件监听函数的返回值不会影响默认行为，必须通过事件对象来操作。

内容的提问来源于stack exchange，提问作者kbdev