收听在同一页面上使用两个表单提交事件答案

【问题标题】：Listen to submit event with two form on same page收听在同一页面上使用两个表单提交事件
【发布时间】：2016-06-25 19:48:06
【问题描述】：

我正在创建一个 生成表单 的 Javascript 小部件，我们称它为 #widget-form 创建如下：

<form autocomplete="off" id="widget-form">
    <!-- Some inputs -->
</form>

我正在收听这样的提交活动：

document.getElementById('widget-form').addEventListener('submit', function(event) {
    debugger;
}

一切正常。

但是，当小部件出现在我的 Rails 应用网页 包含另一个表单（由 simple_form 生成）时，Javascript 无法捕获我的 @987654325 @提交事件（我的Chrome控制台不在debugger;上断点）

PS：当我提交 #widget-form 表单时，页面会重新加载。

即使同一网页上有另一个表单，有没有办法捕捉到这个事件？

【问题讨论】：

【解决方案1】：

好的，发现问题了，我的错，两个表单具有相同的 ID，这就是为什么我的事件没有被这个函数捕获。

【讨论】：