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

时间:2020-05-01 10:31:12

标签: javascript pure-js

我尝试对页面上的所有表单进行一次addEventListener序列化,并在ajax发送之前对其进行检查。如果您有一颗药让我的头部受伤,请分享

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

        //Serialize Form
        //Ajax send

    }, false);

很多

1 个答案:

答案 0 :(得分:0)

您可以查询所有表单并将事件侦听器添加到每个项目:

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