使用jquery将附加代码插入submit按钮的onclick属性

使用jquery将附加代码插入submit按钮的onclick属性,jquery,forms,button,onclick,form-submit,Jquery,Forms,Button,Onclick,Form Submit,我在尝试将其他代码正确插入submit按钮的onclick属性时遇到问题。我不想覆盖onclick中的任何内容,只想添加额外的代码。我已经成功地插入了所需的代码,但是当我查看按钮的源代码时,它显示了一些不应该存在的附加功能,因此我认为我没有正确地编写出来 这是按钮: <input id='TESTFrmSubmit' type='submit' value='Submit' name='submitButton' onclick='formSubmit(document.getElemen

我在尝试将其他代码正确插入submit按钮的onclick属性时遇到问题。我不想覆盖onclick中的任何内容,只想添加额外的代码。我已经成功地插入了所需的代码,但是当我查看按钮的源代码时,它显示了一些不应该存在的附加功能,因此我认为我没有正确地编写出来

这是按钮:

<input id='TESTFrmSubmit' type='submit' value='Submit' name='submitButton' onclick='formSubmit(document.getElementById("TESTForm_1001")); return false;' />
'_gaq.push(['_trackEvent', 'Whitepaper Campaign', 'Submit Button','conceptshareexample.pdf'']);'
$(document).ready(function(){

   $("#TESTFrmSubmit").attr ("onclick", function() { 

return this.onclick + "'_gaq.push(['_trackEvent', 'Whitepaper Campaign', 'Submit Button','TESTexample.pdf'']);'";

  });

  });
将附加代码插入onclick属性的jquery是:

<input id='TESTFrmSubmit' type='submit' value='Submit' name='submitButton' onclick='formSubmit(document.getElementById("TESTForm_1001")); return false;' />
'_gaq.push(['_trackEvent', 'Whitepaper Campaign', 'Submit Button','conceptshareexample.pdf'']);'
$(document).ready(function(){

   $("#TESTFrmSubmit").attr ("onclick", function() { 

return this.onclick + "'_gaq.push(['_trackEvent', 'Whitepaper Campaign', 'Submit Button','TESTexample.pdf'']);'";

  });

  });
我遇到的问题是,当我查看按钮的源代码时,它包含 函数onclick(event)在onclick中显示如下内容:

onclick="function onclick(event){ formSubmit(document.getElementById("TESTForm_1010")); return false; }_gaq.push(['_trackEvent', 'Whitepaper Campaign', 'Submit Button','TESTexample.pdf'']);"
我需要它像这样显示它,而不使用函数onclick(event):

onclick="{formSubmit(document.getElementById("TESTForm_1010")); return false; }_gaq.push(['_trackEvent', 'Whitepaper Campaign', 'Submit Button','TESTexample.pdf'']);"

请帮忙!这让我绞尽脑汁……

您可以直接绑定到事件处理程序,而不是设置
.attr('onclick'
):

$('#mktFrmSubmit').click(function ()
{
    doSomething();
    alert('hi');
}
$('#mktFrmSubmit').click(function ()
{
    alert('We can also bind to .click multiple times, and it adds events');
    // Instead of just overwriting them
}
现在单击
#mktFrmSubmit
将触发这两个单击处理程序

this.onclick
正在返回

function onclick(event) {...
要实现您的目标,请使用以下命令:

$(document).ready(function(){

$("#mktFrmSubmit").attr ("onclick", function() {

_gaq.push(['_trackEvent', 'Whitepaper Campaign', 'Submit Button','conceptshareexample.pdf']);
formSubmit(document.getElementById("TESTForm_1001")); return false;

});

});

问题真是一团糟……代码格式?请重新编辑问题,插入已格式化的代码(选择并按下“代码示例”按钮),这样我们就可以帮助改进Hanks!我想这应该可以!再次感谢您的快速回复。