How to set `onSubmit` dynamically with JavaScript(如何用JavaScript动态设置`onSubmit`)

本文介绍了如何用JavaScript动态设置`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

这篇关于如何用JavaScript动态设置`onSubmit`的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！