Javascript 如何添加事件而不删除现有事件,但阻止表单提交

Javascript 如何添加事件而不删除现有事件,但阻止表单提交,javascript,wordpress,events,overriding,handler,Javascript,Wordpress,Events,Overriding,Handler,实际上,我正在尝试将事件添加到现有表单中 此表单来自Wordpress插件,因此我无法访问其代码 我想做的是保留此表单的事件,添加一个操作(比如一个简单的警报),然后防止按钮的默认提交效果 这是我的密码: &时代; [salesforce form=“1”]//这是插件生成的表单 var form=document.getElementById(“sf_form_salesforce_w2l_lead_1”); 在这里,我想在我的表单上进行以下操作: Saleforce effects,它

实际上,我正在尝试将事件添加到现有表单中

此表单来自Wordpress插件,因此我无法访问其代码

我想做的是保留此表单的事件,添加一个操作(比如一个简单的
警报
),然后防止按钮的默认提交效果

这是我的密码:


&时代;
[salesforce form=“1”]//这是插件生成的表单
var form=document.getElementById(“sf_form_salesforce_w2l_lead_1”);
在这里,我想在我的表单上进行以下操作:

  • Saleforce effects,它在我的Saleforce帐户中发送我的表单,该帐户包含在插件中

  • 另一个函数,如我们所说,是一个简单的
    alert()

  • 防止表单的默认效果,这意味着没有页面刷新和提交,以便在其他地方执行我自己的重定向


我不知道这是否可行,但如果可以,谢谢你的帮助

您应该能够将多个事件处理程序附加到表单:

function originalEventHandler() {
  console.log('Original');
}

function additionalHander() {
  alert('New handler');
}

$('form').on('submit', function(){
  originalEventHandler();
});


$('form').on('submit', function(e) {
  e.preventDefault();
  additionalHander();
});

您可以将多个事件附加到同一元素。