如何用JavaScript动态设置`onSubmit`

2022-05-26 00:00:00 javascript form-submit submit onsubmit
现在我有点左右为难,因为我不能编辑我的表单的onSubmit,所以我必须动态设置它。我的问题是,我不知道如何在不覆盖onSubmit
中已有的值的情况下执行此操作。例如,假设我有以下代码:

<form name="bob" onSubmit="something-i-cannot-change">

</form> 
如何将另一个函数设置为onSubmit与已在其中的其他函数一起发生?我查了一下,没有运气...谢谢,我真的很感谢大家的帮助!

注意:如果这个问题是重复的,请让我知道!


解决方案

document.querySelector('[name="bob"]')
        .addEventListener('submit',
                          functionThatDoesSomethingAfter);

注意,表单必须已经在DOM中,所以将代码放在Body标记的末尾。

https://developer.mozilla.org/en-US/docs/Web/API/document.querySelector

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener

相关文章