Dynamiczne dodawanie zdarzenia onClick za pomocą jQuery

Z powodu używanej wtyczki nie mogę jak zwykle dodać atrybutu „onClick” do danych wejściowych formularza HTML. Wtyczka obsługuje część formularzy w mojej witrynie i nie daje możliwości zrobienia tego automatycznie.

Zasadniczo mam to wejście:

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

Chcę dodać onClick do niego z jQuery onload, aby wyglądało to tak:

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

Jak mam to zrobić?

Wiem, że może to nie być standardowa praktyka, ale wydaje się, że jest to najłatwiejsza opcja w mojej sytuacji.

Jestem nowicjuszem w jQuery, więc każda pomoc jest bardzo mile widziana.

Możesz użyć clickzdarzenia i wywołać swoją funkcję lub przenieść logikę do modułu obsługi:

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

Możesz użyć clickzdarzenia i ustawić swoją funkcję jako procedurę obsługi:

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

.Kliknij()

Powiąż moduł obsługi zdarzenia ze zdarzeniem JavaScript „click” lub wywołaj to zdarzenie w elemencie.

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

Możesz użyć onzdarzenia związanego z "click"i wywołać swoją funkcję lub przenieść logikę do modułu obsługi:

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

Możesz użyć onzdarzenia związanego z "click"i ustawić swoją funkcję jako procedurę obsługi:

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

.na()

Dołącz funkcję obsługi zdarzeń dla co najmniej jednego zdarzenia do wybranych elementów.

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

wypróbuj to podejście, jeśli znasz nazwę klienta obiektu (nie jest ważne, że jest to Button czy TextBox)

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

wypróbuj te, jeśli chcesz dodać zdarzenie onClick do obiektu serwera za pomocą JQuery

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

Wypróbuj poniższe podejście,

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

lub jeśli jQuery nie jest absolutną koniecznością, spróbuj poniżej,

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

Jednak powyższa metoda ma kilka wad, ponieważ ustawia onclick jako właściwość, a nie jest rejestrowana jako program obsługi ...

Przeczytaj więcej w tym poście https://stackoverflow.com/a/6348597/297641

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

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

Lub możesz użyć funkcji strzałki, aby ją zdefiniować:

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

  });
});

Aby uzyskać lepszą obsługę przeglądarki:

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

  });
});