javascript - Google Universal Analytics 表单提交

Question

我正在尝试编写一个 JavaScript 代码片段来跟踪表单提交，尽量减少给访问者带来的不便。我尝试编程的流程是这样的。

1. The user clicks on submit or presses enter to submit a form (leave a comment for example).
2. The attached form submit handler catches this event and prevent the form from submitting.
3. The script send an google analytics event, upon hitting the callback (i don't want to use the timeout method), the handler is removed and the form is submitted

但是，我面临的问题是，在点击谷歌分析回调后，表单没有(重新)提交。该处理程序已被删除，因为第二次手动提交表单会导致正常行为。

我的代码是:

var formSubmitHandler = function(event){
    event.preventDefault();

    ga('send', 'event', 'Form Submit', 'Form Submit', 'Form Submit', 
        {'hitCallback':
            function () {
                jQuery(event.target).submit();
            }
        });

    return false;
}

jQuery( document ).ready(function( $ ) {

    if (typeof(ga)==='undefined')
        return;
    jQuery('form').one('submit',formSubmitHandler);
});

任何有关此事的帮助将不胜感激。

Answer 1

您想要提交表单，而不是再次触发submit事件。

请更改:

jQuery(event.target).submit();

致:

event.target.submit();