Dynamisches Hinzufügen eines onClick-Ereignisses mithilfe von jQuery

Aufgrund der Verwendung eines Plugins kann ich das Attribut "onClick" nicht wie gewohnt zu den HTML-Formulareingaben hinzufügen. Ein Plugin verarbeitet den Formularteil auf meiner Website und bietet keine Option, dies automatisch zu tun.

Grundsätzlich habe ich diesen Input:

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

Ich möchte einen onClick mit jQuery onload hinzufügen, damit es so aussieht:

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

Wie mache ich das?

Ich weiß, dass dies möglicherweise keine Standardpraxis ist, aber in meiner Situation scheint dies die einfachste Option zu sein.

Ich bin ein Neuling bei jQuery, daher wird jede Hilfe sehr geschätzt.

Sie können das clickEreignis verwenden und Ihre Funktion aufrufen oder Ihre Logik in den Handler verschieben:

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

Sie können das clickEreignis verwenden und Ihre Funktion als Handler festlegen:

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

.klicken()

Binden Sie einen Ereignishandler an das JavaScript-Ereignis "click" oder lösen Sie dieses Ereignis für ein Element aus.

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

Sie können das onan "click"Ihre Funktion gebundene Ereignis verwenden und es aufrufen oder Ihre Logik in den Handler verschieben:

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

Sie können das an ongebundene Ereignis verwenden "click"und Ihre Funktion als Handler festlegen:

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

.auf()

Fügen Sie den ausgewählten Elementen eine Ereignishandlerfunktion für ein oder mehrere Ereignisse hinzu.

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

Versuchen Sie diesen Ansatz, wenn Sie den Namen Ihres Objektclients kennen (es ist nicht wichtig, dass es sich um Button oder TextBox handelt).

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

Probieren Sie diese aus, wenn Sie einem Serverobjekt mit JQuery ein onClick-Ereignis hinzufügen möchten

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

Versuchen Sie unten Ansatz,

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

oder falls jQuery nicht unbedingt erforderlich ist, versuchen Sie es weiter unten:

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

Die obige Methode hat jedoch nur wenige Nachteile, da sie onclick als Eigenschaft festlegt und nicht als Handler registriert wird ...

Lesen Sie mehr in diesem Beitrag https://stackoverflow.com/a/6348597/297641

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

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

Oder Sie können eine Pfeilfunktion verwenden, um sie zu definieren:

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

  });
});

Für eine bessere Browserunterstützung:

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

  });
});