如何在提交按钮之外捕获表单提交？

Question

是否可以通过javascript将js代码放在表单之外来捕获用户的表单提交操作？（/如果，如何执行此操作）？

示例：我的网页上有来自外部提供商的表单。我希望将其作为谷歌分析目标并将其作为事件发送。因此，我需要在按下按钮时将自定义js代码添加到“hack”/ sniff。

Answer 1

这取决于表单是否在iframe中。如果是，则无法访问它。 但是，如果表单是您的页面的DOM的一部分，您可以使用以下方式收听提交事件：

document.querySelector('#form').addEventListener('submit', function() {
    _trackEvent(...)
});

Answer 2

您应该（能够）在表单上挂钩onsubmit。您可以在页面加载后立即执行此操作;以jquery为例。

$("#someForm").on("submit", function()  {..... }) ;

如果没有回答你，请让我们再次听到这个问题，详细信息:)

Answer 3

$('form input[type=submit]').on('click, function (){
    // set your var
});

当然，如果表单实际上是DOM的一部分而不是iframe。