Agregar el evento OnClick dinámicamente usando jQuery

Debido a que se utiliza un complemento, no puedo agregar el atributo “onClick” a las entradas de formulario HTML como de costumbre. Un complemento está manejando los formularios en mi sitio y no ofrece la opción de hacerlo automáticamente.

Básicamente tengo esta entrada:

 

Quiero agregar un onClick a él con jQuery onload para que sea así:

  

¿Cómo voy a hacer esto?

Sé que esto podría no ser una práctica estándar, pero parece ser la opción más fácil de hacer en mi situación.

Soy un novato en jQuery, por lo que cualquier ayuda es muy apreciada.

Puede usar el evento click y llamar a su función o mover su lógica al controlador:

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

Puede utilizar el evento click y establecer su función como el controlador:

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

.hacer clic()

Enlace un controlador de eventos al evento de “clic” de JavaScript o active ese evento en un elemento.

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


Puede usar el evento on para "click" y llamar a su función o mover su lógica al manejador:

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

Puede utilizar el evento on para "click" y establecer su función como el controlador:

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

.en()

Adjunte una función de controlador de eventos para uno o más eventos a los elementos seleccionados.

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

Pruebe este enfoque si conoce su nombre de cliente de objeto (no es importante que sea Button o TextBox)

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

prueba esto si quieres agregar el evento OnClick a un objeto del servidor con JQuery

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

Pruebe a continuación,

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

o en caso de que jQuery no sea una necesidad absoluta, prueba a continuación,

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

Sin embargo, el método anterior tiene pocos inconvenientes ya que establece onclick como una propiedad en lugar de estar registrado como controlador …

Lea más sobre esta publicación https://stackoverflow.com/a/6348597/297641

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

O puede usar una función de flecha para definirlo:

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

Para una mejor compatibilidad con el navegador:

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