Javascript @submit.prevent=“myMethod”的替代方案

我使用Vue.js处理大多数与JavaScript相关的内容。然而，我遇到了一种情况，我想复制Vue在Vanilla JS中实现的一些功能

Vue为您提供了可以在表单元素上使用的修改器

@submit.prevent="myMethod"

我也想做同样的事情。我希望用户点击一个按钮，一些JS代码发生，然后为表单提交

这是我已经尝试过的一件事，但是表单是在JS实际执行之前提交的

var form=document.getElementById'a-form'； form.addEventListener'submit'，事件=>{ //我的代码 }; 提前感谢您的帮助

这是默认功能：

var form = document.getElementById('a-form');

form.addEventListener('submit', event => {
 event.preventDefault();

//code
});

这是默认功能：

var form = document.getElementById('a-form');

form.addEventListener('submit', event => {
 event.preventDefault();

//code
});

在提交事件侦听器中对事件调用preventDefault：

让form=document.getElementById'theForm' form.addEventListener'submit'，e=>{ console.log'event'，e console.log'defaultprovented'，例如defaultprovented e、 防止违约 console.log'defaultprovented'，例如defaultprovented } 提交 在提交事件侦听器中对事件调用preventDefault：

让form=document.getElementById'theForm' form.addEventListener'submit'，e=>{ console.log'event'，e console.log'defaultprovented'，例如defaultprovented e、 防止违约 console.log'defaultprovented'，例如defaultprovented } 提交

---

嗯，很抱歉，我似乎无法使它与event.preventDefault一起工作；他补充道。它仍然提交表单。找到了它无法工作的原因。我的脚本在我试图阻止提交的表单元素中。嗯，很抱歉，我似乎无法使它与event.preventDefault一起工作；他补充道。它仍然提交表单。找到了它无法工作的原因。我的脚本在我试图阻止提交的表单元素中。