การเพิ่มเหตุการณ์ 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);

.คลิก()

ผูกตัวจัดการเหตุการณ์กับเหตุการณ์ JavaScript "คลิก" หรือทริกเกอร์เหตุการณ์นั้นในองค์ประกอบ

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

คุณสามารถใช้onเหตุการณ์ที่ผูกไว้"click"และเรียกใช้ฟังก์ชันของคุณหรือย้ายตรรกะของคุณไปยังตัวจัดการ:

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

คุณสามารถใช้onเหตุการณ์ที่ผูกไว้"click"และตั้งค่าฟังก์ชันของคุณเป็นตัวจัดการ:

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

.บน()

แนบฟังก์ชันตัวจัดการเหตุการณ์สำหรับเหตุการณ์อย่างน้อยหนึ่งเหตุการณ์กับองค์ประกอบที่เลือก

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

ลองใช้วิธีนี้หากคุณทราบชื่อไคลเอนต์ออบเจ็กต์ของคุณ (ไม่สำคัญว่าจะเป็นปุ่มหรือกล่องข้อความ)

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

  });
});