当用户在多页表单的特定页面上时，重力表单 Javascript 挂钩触发脚本

Question

我有一个使用重力表单创建的多页表单。这是我用于生成潜在客户的表格，最后一步要求提供用户的姓名、电子邮件和电话号码。

在询问用户个人信息之前的最后第二步中，有一个页面带有“正在加载”的 gif 微调器和“正在搜索报价”的动画文本。

我需要帮助为倒数第二页设置 javascript 代码，当用户在该页面上加载 gif 6.5 秒后它会自动单击隐藏页面下一步按钮将用户带到最后一页询问获取他们的个人信息。

我正在使用下面的代码，该代码仅在用户使用鼠标或鼠标垫手动单击并单击倒数第三页时才有效。如果用户在倒数第三页输入详细信息并按下键盘上的 Enter 或 Return 键，则代码不会触发。

我对 Javascript 不太熟悉。刚刚开始学习。

我知道有一个重力表单 javascript gform_page_loaded，但这似乎会在每个页面上触发代码，而不仅仅是当倒数第二页在用户视口中时。请帮忙。

查看下方代码

<script type="text/javascript">

const btnSearchMortgage = document.getElementById("gform_next_button_13_16");

btnSearchMortgage.addEventListener("click", function () {

setTimeout(function () {

document.getElementById("gform_next_button_13_9").click();

}, 6500);

});
</script>

Answer 1

gform_page_loaded 是要走的路。您可以使用它传递的 currentPage 参数来仅触发给定表单页面上的代码。

jQuery( document ).on( 'gform_page_loaded', function( event, formId, currentPage ) {
    if ( currentPage == 2 ) {
        // bind your custom event
    } 
} );