聆听在同一页面上提交两个表格的活动

Question

我正在创建一个生成表单的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 无法抓住我的#widget-form提交活动（我的Chrome控制台不在debugger;上断点）

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

即使在同一网页上有其他表单，有没有办法捕获此事件？

Answer 1

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