JavaScript on() วิธีการกำหนดอย่างไร

Javascript On Withi Kar Kahnd Xyangri



บน() ” เมธอดไม่ใช่เมธอด JavaScript ที่กำหนดไว้ล่วงหน้า แม้ว่าจะใช้กันอย่างแพร่หลายในไลบรารี JavaScript เช่น “ jQuery ' และ ' โหนด js '. ใช้เพื่อแนบตัวจัดการเหตุการณ์กับองค์ประกอบบนหน้าเว็บ อนุญาตให้นักพัฒนาเพิ่มฟังก์ชันการทำงานให้กับเว็บเพจ เช่น การตอบสนองต่ออินพุตของผู้ใช้ รวมถึงการคลิกเมาส์ การโฮเวอร์เมาส์ เหตุการณ์บนแป้นพิมพ์ และอื่นๆ

โพสต์นี้จะกล่าวถึงวิธีการ JavaScript on()

JavaScript on() วิธีการกำหนดอย่างไร

บน() วิธีการ ” มักใช้เพื่อแนบตัวจัดการเหตุการณ์กับองค์ประกอบ ซึ่งช่วยให้นักพัฒนาสามารถเขียนฟังก์ชันที่จะเรียกใช้เมื่อมีเหตุการณ์เกิดขึ้น เช่น “ คลิก ' เหตุการณ์, ' คีย์ดาวน์ ” เหตุการณ์, “ วางเมาส์ 'และอื่น ๆ







ไวยากรณ์
ไวยากรณ์ต่อไปนี้จะใช้สำหรับ on() วิธีการ:



$ ( ตัวเลือก ) . บน ( เหตุการณ์ , การทำงาน )

ที่นี่ในไวยากรณ์ข้างต้น:



  • เหตุการณ์ : กำหนดเหตุการณ์ที่เกี่ยวข้องกับองค์ประกอบที่เลือก
  • การทำงาน : เมื่อเหตุการณ์เกิดขึ้น ฟังก์ชันนี้จะถูกเรียกใช้

ตัวอย่างที่ 1
ขั้นแรก เพิ่มไลบรารี jQuery ในแท็ก เนื่องจากเมธอด “on()” ไม่สามารถเข้าถึงได้หากไม่มี jQuery:





< สคริปต์ src = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > สคริปต์ >

ในเอกสาร HTML ให้สร้างแท็ก

และปุ่มที่มี id “ พันล้าน ” ที่ใช้สำหรับการเข้าถึง:

< รหัสพี = 'ข้อความ' > หน้า >
< รหัสปุ่ม = 'บีทีเอ็น' > คลิกที่นี่ ! ปุ่ม >

ในแท็ก