Thêm động sự kiện onClick bằng jQuery

Do một plugin đang được sử dụng, tôi không thể thêm thuộc tính "onClick" vào đầu vào biểu mẫu HTML như bình thường. Một plugin đang xử lý phần biểu mẫu trong trang web của tôi và nó không cung cấp tùy chọn để thực hiện việc này tự động.

Về cơ bản tôi có đầu vào này:

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

Tôi muốn thêm onClick vào nó với jQuery onload để nó giống như sau:

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

Làm thế nào để tôi làm điều này?

Tôi biết đây có thể không phải là cách thực hành tiêu chuẩn nhưng có vẻ như đây là lựa chọn dễ thực hiện nhất trong tình huống của tôi.

Tôi là một người mới sử dụng jQuery nên rất mong mọi sự giúp đỡ.

Bạn có thể sử dụng clicksự kiện và gọi hàm của mình hoặc chuyển logic của bạn vào trình xử lý:

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

Bạn có thể sử dụng clicksự kiện và đặt chức năng của mình làm trình xử lý:

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

.nhấp chuột()

Liên kết trình xử lý sự kiện với sự kiện JavaScript "nhấp chuột" hoặc kích hoạt sự kiện đó trên một phần tử.

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

Bạn có thể sử dụng onsự kiện được liên kết với "click"và gọi hàm của mình hoặc chuyển logic của bạn vào trình xử lý:

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

Bạn có thể sử dụng onsự kiện được liên kết với "click"và đặt hàm của mình làm trình xử lý:

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

.trên()

Đính kèm một hàm xử lý sự kiện cho một hoặc nhiều sự kiện vào các phần tử đã chọn.

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

hãy thử cách tiếp cận này nếu bạn biết tên khách hàng đối tượng của mình (không quan trọng đó là Nút hay Hộp văn bản)

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

hãy thử cái này nếu bạn muốn thêm sự kiện onClick vào đối tượng máy chủ bằng JQuery

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

Hãy thử cách tiếp cận dưới đây,

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

hoặc trong trường hợp jQuery không phải là nhu cầu tuyệt đối thì hãy thử bên dưới,

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

Tuy nhiên, phương pháp trên có một số nhược điểm vì nó đặt onclick làm thuộc tính thay vì được đăng ký làm trình xử lý ...

Đọc thêm về bài đăng này https://stackoverflow.com/a/6348597/297641

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

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

Hoặc bạn có thể sử dụng một hàm mũi tên để xác định nó:

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

  });
});

Để được hỗ trợ trình duyệt tốt hơn:

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

  });
});