Adicionar evento onClick dinamicamente usando jQuery

Devido ao uso de um plugin, não consigo adicionar o atributo "onClick" às entradas do formulário HTML como de costume. Um plugin está lidando com a parte de formulários em meu site e não dá a opção de fazer isso automaticamente.

Basicamente, tenho esta entrada:

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

Eu quero adicionar um onClick a ele com jQuery onload para que fique assim:

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

Como faço para fazer isso?

Sei que pode não ser uma prática padrão, mas parece a opção mais fácil de fazer na minha situação.

Eu sou um novato no jQuery, então qualquer ajuda será muito apreciada.

Você pode usar o clickevento e chamar sua função ou mover sua lógica para o manipulador:

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

Você pode usar o clickevento e definir sua função como o manipulador:

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

.clique()

Vincule um manipulador de eventos ao evento JavaScript "click" ou acione esse evento em um elemento.

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

Você pode usar o onevento associado "click"e chamar sua função ou mover sua lógica para o manipulador:

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

Você pode usar o onevento associado "click"e definir sua função como o manipulador:

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

.em()

Anexe uma função de manipulador de eventos para um ou mais eventos aos elementos selecionados.

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

tente esta abordagem se você souber o nome do cliente do seu objeto (não é importante que seja Button ou TextBox)

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

tente este se quiser adicionar um evento onClick a um objeto de servidor com JQuery

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

Experimente a abordagem abaixo,

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

ou no caso de jQuery não ser uma necessidade absoluta, tente abaixo,

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

No entanto, o método acima tem poucas desvantagens, pois define onclick como uma propriedade em vez de ser registrado como manipulador ...

Leia mais nesta postagem https://stackoverflow.com/a/6348597/297641

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

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

Ou você pode usar uma função de seta para defini-lo:

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

  });
});

Para melhor suporte do navegador:

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

  });
});