blocks|key|484023|text|尝试下面的方法，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|484024|$('#bfCaptchaEntry').on('click',+myfunction);|code-block|syntax|javascript|484025|或者，如果jQuery不是绝对必要的，请尝试下面的方法。|484026|document.getElementById('bfCaptchaEntry').onclick+=+myfunction;|484027|然而，上面的方法几乎没有什么缺点，因为它将onclick设置为一个属性，而不是注册为处理程序...|484028|在这篇文章上阅读更多内容https://stackoverflow.com/a/6348597/297641|offset|length|484029|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/6348597/297641^0|0|0|0|0|0|C|16|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@$O|14|P|15|1|16]]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

Try below approach,

<pre><code>$('#bfCaptchaEntry').on('click', myfunction);
</code></pre>

or in case jQuery is not an absolute necessaity then try below,

<pre><code>document.getElementById('bfCaptchaEntry').onclick = myfunction;
</code></pre>

However the above method has few drawbacks as it set onclick as a property rather than being registered as handler... 

Read more on this post <a href="https://stackoverflow.com/a/6348597/297641">https://stackoverflow.com/a/6348597/297641</a>

blocks|key|267089|text|$("#bfCaptchaEntry").click(function(){
++++myFunction();
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|267090|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$("#bfCaptchaEntry").click(function(){
 myFunction();
});
</code></pre>

blocks|key|484149|text|如果您知道对象客户机名(它是Button还是TextBox并不重要)，请尝试这种方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|484150|$('#ButtonName').removeAttr('onclick');
$('#ButtonName').attr('onClick',+'FunctionName(this);');|code-block|syntax|javascript|484151|如果要使用JQuery将onClick事件添加到服务器对象，请尝试此方法|484152|$('#'+%2B+'<%25=+ButtonName.ClientID+%25>').removeAttr('onclick');
$('#'+%2B+'<%25=+ButtonName.ClientID+%25>').attr('onClick',+'FunctionName(this);');|484153|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

try this approach if you know your object client name ( it is not important that it is Button or TextBox )

<pre><code>$('#ButtonName').removeAttr('onclick');
$('#ButtonName').attr('onClick', 'FunctionName(this);');
</code></pre>

try this ones if you want add onClick event to a server object with JQuery

<pre><code>$('#' + '&lt;%= ButtonName.ClientID %&gt;').removeAttr('onclick');
$('#' + '&lt;%= ButtonName.ClientID %&gt;').attr('onClick', 'FunctionName(this);');
</code></pre>

blocks|key|267268|text|或者您可以使用箭头函数来定义它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|267269|$(document).ready(()+=>+{
++$('#bfCaptchaEntry').click(()=>{
++++
++});
});|code-block|syntax|javascript|267270|要获得更好的浏览器支持：|267271|$(document).ready(function()+{
++$('#bfCaptchaEntry').click(function+(){
++++
++});
});|267272|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Or you can use an arrow function to define it:
<pre><code>$(document).ready(() =&gt; {
 $('#bfCaptchaEntry').click(()=&gt;{
 
 });
});
</code></pre>
For better browser support:
<pre><code>$(document).ready(function() {
 $('#bfCaptchaEntry').click(function (){
 
 });
});
</code></pre>

blocks|key|267291|text|let+a+=+$("<a>bfCaptchaEntry</a>");
a.attr("onClick",+"function("+%2B+someParameter%2B+")");|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|267292|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>let a = $("&lt;a&gt;bfCaptchaEntry&lt;/a&gt;");
a.attr("onClick", "function(" + someParameter+ ")");
</code></pre>

blocks|key|267351|text|正如@Selvakumar+Arumugam建议的那样，但在注册时也会调用函数|type|unstyled|depth|inlineStyleRanges|entityRanges|data|267352|$('#bfCaptchaEntry').on('click',+myfunction);，|offset|length|style|CODE|267353|而不是使用|267354|$('#bfCaptchaEntry').on('click',+()+=>+{+myfunction});|267355|entityMap^0|0|0|19|0|0|0|1I|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|R|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|S|8|@$D|T|E|U|F|G]]|9|@]|A|$]]|$1|L|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|M|$]]

as @Selvakumar Arumugam suggested, but the function call on registering also
<code>$('#bfCaptchaEntry').on('click', myfunction);</code>,
rather than use
<code>$('#bfCaptchaEntry').on('click', () =&gt; { myfunction});</code>

Due to a plugin being used, I can't add the "onClick" attribute to the HTML form inputs like usual.
A plugin is handling the forms part in my site and it doesn't give an option to do this automatically.

Basically I have this input:

<pre><code>&lt;input type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style=""&gt;
</code></pre>

I want to add an onClick to it with jQuery onload for it to be like this:

<pre><code>&lt;input onClick="myfunction()" type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style=""&gt;
</code></pre>

How do I go about doing this?

I know this might not be standard practice but seems like the easiest option to do in my situation.

I'm a newbie to jQuery so any help is very much appreciated.

Adding onClick event dynamically using jQuery

由于使用的是插件，我不能像往常一样在表单输入中添加"onClick“属性。一个插件正在处理我的站点中的表单部分，但它不提供自动执行此操作的选项。基本上我有这样的输入：<input type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style="">我想用jQue...

问使用jQuery动态添加onClick事件
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery动态添加onClick事件EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery动态添加onClick事件
EN