jQueryを使用してonClickイベントを動的に追加する

プラグインが使用されているため、通常のように「onClick」属性をHTMLフォーム入力に追加できません。プラグインが私のサイトのフォーム部分を処理していて、これを自動的に行うオプションがありません。

基本的に私はこの入力を持っています：

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

次のようになるように、jQuery onloadでonClickを追加したいと思います。

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

これを行うにはどうすればよいですか？

これは標準的な方法ではないかもしれませんが、私の状況で行う最も簡単なオプションのようです。

私はjQueryの初心者なので、どんな助けにも感謝します。

clickイベントを使用して関数を呼び出すか、ロジックをハンドラーに移動できます。

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

clickイベントを使用して、関数をハンドラーとして設定できます。

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

。クリック（）

イベントハンドラーを「クリック」JavaScriptイベントにバインドするか、要素でそのイベントをトリガーします。

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

onバインドされたイベントを使用し"click"て関数を呼び出すか、ロジックをハンドラーに移動できます。

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

onバインドされたイベントを使用して"click"、関数をハンドラーとして設定できます。

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

。オン（）

選択した要素に1つ以上のイベントのイベントハンドラー関数をアタッチします。

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

オブジェクトのクライアント名がわかっている場合は、このアプローチを試してください（ButtonまたはTextBoxであることが重要ではありません）

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

JQueryを使用してonClickイベントをサーバーオブジェクトに追加する場合は、これを試してください。

$('#' + '<%= 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(()=>{

  });
});