ใน JavaScript คุณสามารถระบุเหตุการณ์สำหรับองค์ประกอบและมีสามวิธีในการระบุพวกเขา:
1. ใน HTML ใช้แอตทริบิวต์ onclick
2. ใน JavaScript ใช้แอตทริบิวต์ onclick
3. ใน Javascipt ใช้วิธี Addevenlistener ()
การเปรียบเทียบสามวิธี
(1) ในวิธีที่สองและสามวัตถุเหตุการณ์สามารถส่งผ่านไปยังฟังก์ชั่นและคุณสมบัติที่สอดคล้องกันสามารถอ่านได้ แต่ไม่สามารถใช้วิธีการที่ 1 ได้
(2) ประเภทที่สองและสามเป็นที่ต้องการ ประเภทแรกไม่เอื้อต่อการแยกเนื้อหาออกจากเหตุการณ์และเป็นไปไม่ได้ที่จะใช้เนื้อหาที่เกี่ยวข้องของวัตถุเหตุการณ์
รายละเอียดไวยากรณ์บางส่วน
(1) ในวิธีแรกกรณี onclick ไม่เกี่ยวข้อง แต่ในวิธีที่สองจะต้องใช้ตัวพิมพ์เล็กที่ต่ำกว่า เนื่องจาก HMTL ไม่ไวต่อตัวอักษรในขณะที่ JS เป็นตัวพิมพ์ใหญ่
(2) ในวิธีที่สองและสามไม่มีคำพูดสองเท่าเมื่อระบุชื่อฟังก์ชันในขณะที่วิธีแรกคือแอตทริบิวต์ HTML และต้องใช้คำพูดสองครั้ง
(3) วิธีแรกต้องใช้วงเล็บในขณะที่วิธีที่สองและสามไม่ได้
onclick = "clickhandler ()" document.getElementById ("JsonClick"). onClick = clickhandler2; document.getElementById ("addeventListener"). addeventListener ("คลิก", clickhandler2);รหัสที่สมบูรณ์มีดังนี้:
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> แม้แต่ deom </title> </head> <body> <button id = "htmlonclick" onclick = "clickhandler () id = "addEventListener"> addEventListener </button> <สคริปต์ defer> ฟังก์ชั่น clickhandler () {การแจ้งเตือน ("แอตทริบิวต์ onClick ใน html"); } ฟังก์ชั่น clickhandler2 (e) {แจ้งเตือน (e.target.innerhtml); } document.getElementById ("jsonclick"). onclick = clickhandler2; document.getElementById ("addeventListener"). addeventListener ("คลิก", clickhandler2); </script> </body> </html>ใน JavaScript คุณสามารถระบุเหตุการณ์สำหรับองค์ประกอบและมีสามวิธีในการระบุพวกเขา:
1. ใน HTML ใช้แอตทริบิวต์ onclick
2. ใน JavaScript ใช้แอตทริบิวต์ onclick
(1) โปรดทราบว่าชื่อฟังก์ชั่นไม่มีคำพูดสองครั้ง
3. ใน Javascipt ใช้วิธี Addevenlistener ()
การเปรียบเทียบสามวิธี
(1) ในวิธีที่สองและสามวัตถุเหตุการณ์สามารถส่งผ่านไปยังฟังก์ชั่นและคุณสมบัติที่สอดคล้องกันสามารถอ่านได้ แต่ไม่สามารถใช้วิธีการที่ 1 ได้
รายละเอียดไวยากรณ์บางส่วน
(1) ในวิธีแรกกรณี onclick ไม่เกี่ยวข้อง แต่ในวิธีที่สองจะต้องใช้ตัวพิมพ์เล็กที่ต่ำกว่า เนื่องจาก HMTL ไม่ไวต่อตัวอักษรในขณะที่ JS เป็นตัวพิมพ์ใหญ่
(2) ในวิธีที่สองและสามไม่มีคำพูดสองเท่าเมื่อระบุชื่อฟังก์ชันในขณะที่วิธีแรกคือแอตทริบิวต์ HTML และต้องใช้คำพูดสองครั้ง
(3) วิธีแรกต้องใช้วงเล็บในขณะที่วิธีที่สองและสามไม่ได้
onclick = "clickhandler ()" document.getElementById ("JsonClick"). onClick = clickhandler2; document.getElementById ("addeventListener"). addeventListener ("คลิก", clickhandler2);รหัสที่สมบูรณ์มีดังนี้:
<! doctype html> <html> <head> <meta charset = "utf-8"> <title> แม้แต่ deom </title> </head> <body> <button id = "htmlonclick" onclick = "clickhandler () id = "AddEventListener"> addEventListener </ปุ่ม> <สคริปต์ defer> ฟังก์ชั่น clickhandler () {แจ้งเตือน ("แอตทริบิวต์ onClick ใน html");} ฟังก์ชั่น clickhandler2 (e) {แจ้งเตือน (e.target.innerhtml); clickhandler2; document.getElementById ("addeventListener"). addeventListener ("คลิก", clickhandler2); </script> </body> </html>