如何用JavaScript动态设置`onSubmit` [英] How to set `onSubmit` dynamically with JavaScript

查看:45
本文介绍了如何用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`的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆