使用jQuery动态添加onClick事件

由于使用了插件，因此无法像往常一样将“ onClick”属性添加到HTML表单输入中。插件正在处理我网站中的表单部分，并且没有提供自动执行此操作的选项。

基本上我有这个输入：

<input type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style="">

我想使用jQuery onload向其添加onClick，使其像这样：

<input onClick="myfunction()" type="text" id="bfCaptchaEntry" name="bfCaptchaEntry" style="">

我该怎么做呢？

我知道这可能不是标准做法，但在我的情况下，这似乎是最简单的选择。

我是jQuery的新手，因此非常感谢您的帮助。

您可以使用click事件并调用函数，也可以将逻辑移到处理程序中：

$("#bfCaptchaEntry").click(function(){ myFunction(); });

您可以使用click事件并将函数设置为处理程序：

$("#bfCaptchaEntry").click(myFunction);

.click（）

将事件处理程序绑定到“ click” JavaScript事件，或在元素上触发该事件。

http://api.jquery.com/click/

您可以使用on绑定到的事件"click"并调用函数，或者将逻辑移到处理程序中：

$("#bfCaptchaEntry").on("click", function(){ myFunction(); });

您可以使用on绑定到的事件"click"并将您的函数设置为处理程序：

$("#bfCaptchaEntry").on("click", myFunction);

。上（）

将一个或多个事件的事件处理函数附加到所选元素。

http://api.jquery.com/on/

如果您知道对象客户端名称，则尝试这种方法（它是Button还是TextBox并不重要）

$('#ButtonName').removeAttr('onclick');
$('#ButtonName').attr('onClick', 'FunctionName(this);');

如果要使用JQuery将onClick事件添加到服务器对象，请尝试此操作

$('#' + '<%= ButtonName.ClientID %>').removeAttr('onclick');
$('#' + '<%= ButtonName.ClientID %>').attr('onClick', 'FunctionName(this);');

尝试以下方法，

$('#bfCaptchaEntry').on('click', myfunction);

或者如果jQuery不是绝对必要，请尝试以下操作，

document.getElementById('bfCaptchaEntry').onclick = myfunction;

但是上述方法没有什么缺点，因为它将onclick设置为属性，而不是注册为处理程序。

进一步了解这篇文章https://stackoverflow.com/a/6348597/297641

$("#bfCaptchaEntry").click(function(){
    myFunction();
});

let a = $("<a>bfCaptchaEntry</a>");
a.attr("onClick", "function(" + someParameter+ ")");

或者，您可以使用箭头功能进行定义：

$(document).ready(() => {
  $('#bfCaptchaEntry').click(()=>{

  });
});

为了获得更好的浏览器支持：

$(document).ready(function() {
  $('#bfCaptchaEntry').click(()=>{

  });
});