使用jquery将附加代码插入submit按钮的onclick属性
我在尝试将其他代码正确插入submit按钮的onclick属性时遇到问题。我不想覆盖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
<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!我想这应该可以!再次感谢您的快速回复。