Menambahkan acara onClick secara dinamis menggunakan jQuery

Karena plugin sedang digunakan, saya tidak dapat menambahkan atribut "onClick" ke input formulir HTML seperti biasa. Sebuah plugin menangani bagian formulir di situs saya dan tidak memberikan opsi untuk melakukan ini secara otomatis.

Pada dasarnya saya memiliki masukan ini:

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

Saya ingin menambahkan onClick ke dalamnya dengan jQuery onload agar menjadi seperti ini:

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

Bagaimana cara saya melakukan ini?

Saya tahu ini mungkin bukan praktik standar tetapi sepertinya pilihan termudah untuk dilakukan dalam situasi saya.

Saya seorang pemula di jQuery jadi bantuan apa pun sangat kami hargai.

Anda dapat menggunakan clickevent dan memanggil fungsi Anda atau memindahkan logika Anda ke handler:

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

Anda dapat menggunakan clickacara dan menyetel fungsi Anda sebagai penangan:

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

.klik()

Ikat event handler ke event JavaScript "click", atau picu event tersebut pada sebuah elemen.

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

Anda bisa menggunakan onevent terikat "click"dan memanggil fungsi Anda atau memindahkan logika Anda ke handler:

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

Anda bisa menggunakan onevent terikat "click"dan mengatur fungsi Anda sebagai handler:

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

.di()

Lampirkan fungsi penanganan kejadian untuk satu atau lebih kejadian ke elemen yang dipilih.

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

coba pendekatan ini jika Anda mengetahui nama klien objek Anda (tidak penting bahwa itu adalah Button atau TextBox)

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

coba yang ini jika Anda ingin menambahkan acara onClick ke objek server dengan JQuery

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

Coba pendekatan di bawah ini,

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

atau jika jQuery bukan merupakan kebutuhan mutlak, coba di bawah ini,

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

Namun metode di atas memiliki beberapa kekurangan karena ia menyetel onclick sebagai properti daripada didaftarkan sebagai penangan ...

Baca lebih lanjut di posting ini https://stackoverflow.com/a/6348597/297641

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

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

Atau Anda dapat menggunakan fungsi panah untuk menentukannya:

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

  });
});

Untuk dukungan browser yang lebih baik:

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

  });
});