纯 JS。如何添加事件监听器以提交任何表单

Question

我尝试为页面上的所有表单添加一次 addEventListener，以便在 ajax 发送之前对它们进行序列化和检查。如果你有治疗我脑袋骨折的药，请分享

window.addEventListener('submit', function(e){

        //Serialize Form
        //Ajax send

    }, false);

非常感谢

Answer 1

您可以查询所有表单并为每个项目添加事件监听器：

document.querySelectorAll('form').forEach(form => form.addEventListener('submit', function(e){
  e.preventDefault();
  console.log('test');
}, false));

<form>
  <button>submit</button>
</form>

纯 JS。如何添加事件监听器以提交任何表单

Pure JS. How to add event listener for submit any form

javascript

pure-js