Aggiungere dinamicamente l'evento onClick utilizzando jQuery

A causa dell'utilizzo di un plug-in, non posso aggiungere l'attributo "onClick" agli input del modulo HTML come al solito. Un plugin sta gestendo la parte dei moduli nel mio sito e non offre un'opzione per farlo automaticamente.

Fondamentalmente ho questo input:

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

Voglio aggiungere un onClick ad esso con jQuery onload affinché sia ​​così:

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

Come procedo a fare questo?

So che questa potrebbe non essere una pratica standard, ma sembra l'opzione più semplice da fare nella mia situazione.

Sono un principiante di jQuery, quindi qualsiasi aiuto è molto apprezzato.

Puoi utilizzare l' clickevento e chiamare la tua funzione o spostare la logica nel gestore:

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

Puoi utilizzare l' clickevento e impostare la tua funzione come gestore:

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

.clic()

Associa un gestore di eventi all'evento JavaScript "clic" o attiva tale evento su un elemento.

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

È possibile utilizzare l' onevento associato "click"e chiamare la funzione o spostare la logica nel gestore:

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

Puoi usare l' onevento associato "click"e impostare la tua funzione come gestore:

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

.sopra()

Associa una funzione di gestore eventi per uno o più eventi agli elementi selezionati.

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

prova questo approccio se conosci il nome del tuo client oggetto (non è importante che sia Button o TextBox)

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

prova questi se vuoi aggiungere l'evento onClick a un oggetto server con JQuery

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

Prova sotto l'approccio,

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

o nel caso in cui jQuery non sia una necessità assoluta, prova di seguito,

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

Tuttavia, il metodo sopra ha alcuni inconvenienti in quanto imposta onclick come proprietà anziché essere registrato come gestore ...

Leggi di più su questo post https://stackoverflow.com/a/6348597/297641

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

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

Oppure puoi usare una funzione freccia per definirlo:

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

  });
});

Per un migliore supporto del browser:

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

  });
});