怎么用JavaScript动态设置`onSubmit`

本教程将介绍如何用JavaScript动态设置`onSubmit`的处理方法,这篇教程是从别的地方看到的,然后加了一些国外程序员的疑问与解答,希望能对你有所帮助,好了,下面开始学习吧。

怎么用JavaScript动态设置`onSubmit` 教程 第1张

问题描述

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

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

</form> 

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

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

推荐答案

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

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

好了关于怎么用JavaScript动态设置`onSubmit`的教程就到这里就结束了,希望趣模板源码网找到的这篇技术文章能帮助到大家,更多技术教程可以在站内搜索。