Question

我正在使用leadpages.net为我的网站构建弹出窗口。它们提供锚链接和脚本文件源以获取页面上的弹出窗口。我想停止表单提交的默认操作并触发我的自定义单击事件处理程序以处理数据输入，如下所示。

但是下面永远不会被执行;尝试使用以下代码的所有变体，甚至包括event.preventDefault（）和event.stopPropagation（）。请帮忙;我可能缺乏的任何见解。在此先感谢!!!

$('body').on('click', '#leadpages-form', function(event) {
    event.preventDefault();
    event.stopPropagation();
    console.log("here");
});

Answer 1

您目前正在搜索表单上的click，而不是表单submit。尝试这样的事情。

$('#leadpages-form').submit(function(event) {
    event.preventDefault();
    event.stopPropagation();
    console.log("here");
});

或者，如果您的表单是动态创建的，那么您必须以与您的示例类似的方式执行此操作。

//or document if the body is created dynamically as well
$('body').on('submit', '#leadpages-form', function(event) {
    event.preventDefault();
    event.stopPropagation();
    console.log("here");
});

停止默认提交操作并触发自定义单击动态生成的内容

1 个答案: