Динамическое добавление события onClick с помощью jQuery

Из-за того, что используется плагин, я не могу добавить атрибут onClick во входные данные HTML-формы, как обычно. Плагин обрабатывает часть форм на моем сайте и не дает возможности делать это автоматически.

В основном у меня есть этот ввод:

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

Я хочу добавить к нему onClick с jQuery onload, чтобы он был таким:

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

Как мне это сделать?

Я знаю, что это может быть не стандартной практикой, но кажется самым простым вариантом в моей ситуации.

Я новичок в jQuery, поэтому очень приветствую любую помощь.

Вы можете использовать clickсобытие и вызвать свою функцию или переместить логику в обработчик:

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

Вы можете использовать clickсобытие и установить свою функцию в качестве обработчика:

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

.click ()

Привяжите обработчик событий к событию JavaScript "click" или инициируйте это событие для элемента.

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

Вы можете использовать onпривязанное к событию событие "click"и вызвать свою функцию или переместить логику в обработчик:

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

Вы можете использовать onсобытие, привязанное к нему, "click"и установить свою функцию в качестве обработчика:

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

.на()

Присоедините функцию обработчика событий для одного или нескольких событий к выбранным элементам.

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

попробуйте этот подход, если вы знаете имя клиента вашего объекта (не важно, что это Button или 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(()=>{

  });
});