Додавання події onClick динамічно за допомогою jQuery

Через використовуваний плагін я не можу додати атрибут "onClick" до входів HTML-форми, як зазвичай. Плагін обробляє частину форм на моєму сайті, і він не дає можливості зробити це автоматично.

В основному я маю цей вклад:

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

Я хочу додати до нього onClick з завантаженням jQuery, щоб він був таким:

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

Як мені це робити?

Я знаю, що це може бути не стандартною практикою, але здається, що це найпростіший варіант у моїй ситуації.

Я новачок в jQuery, тому будь-яка допомога дуже вдячна.

Ви можете використовувати clickподію та викликати свою функцію або переміщувати свою логіку в обробник:

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

Ви можете використовувати clickподію та встановити свою функцію як обробник:

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

.click ()

Прив’яжіть обробник події до події JavaScript "натисніть" або запустити цю подію на елементі.

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

Ви можете використовувати onподію, пов'язану з цим, "click"і викликати свою функцію або переміщувати свою логіку в обробник:

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

Ви можете використовувати onподію, пов'язану з цим, "click"і встановити свою функцію як обробник:

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

.on ()

Додайте до обраних елементів функцію обробника подій для однієї або декількох подій.

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

спробуйте цей підхід, якщо ви знаєте ім'я свого об'єктного клієнта (не важливо, що це кнопка або TextBox)

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

спробуйте це, якщо ви хочете додати подію onClick до об’єкта сервера за допомогою JQuery

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

Спробуйте нижче підхід,

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

або якщо jQuery не є абсолютною необхідністю, спробуйте нижче,

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

Однак вищевказаний метод має невеликі недоліки, оскільки він встановлює onclick як властивість, а не реєструється як обробник ...

Детальніше читайте у цьому дописі https://stackoverflow.com/a/6348597/297641

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

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

Або ви можете скористатися функцією стрілки, щоб визначити її:

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

  });
});

Для кращої підтримки браузера:

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

  });
});