สิ่งที่ง่ายที่สุดคือ:
<อินพุต type = "ปุ่ม" onclick = "การแจ้งเตือน (this.value)" value = "ฉันเป็นปุ่ม" />
เพิ่มเหตุการณ์ onclick แบบไดนามิก:
<อินพุต type = "button" value = "ฉันเป็นปุ่ม" id = "bu"> <script type = "text/javascript"> var bobj = document.getElementById ("bu"); bobj.onclick = objclick; ฟังก์ชั่น objclick ()หากคุณใช้ฟังก์ชันที่ไม่ระบุชื่อ () {} มันเป็นดังนี้:
<อินพุต type = "ปุ่ม" value = "ฉันเป็นปุ่ม" id = "bu"> <script type = "text/javascript"> var bobj = document.getElementById ("bu"); bobj.onclick = function () {แจ้งเตือน (this.value)}; </script>วิธีการข้างต้นเป็นหลักการเดียวกันพวกเขาทั้งหมดกำหนดค่าของแอตทริบิวต์ onclick เป็นที่น่าสังเกตว่าถ้า obj.onclick ถูกกำหนดหลายครั้งเช่น: obj.onclick = method1; obj.onclick = method2; obj.onclick = method3 จากนั้นเฉพาะคำจำกัดความสุดท้าย obj.onclick = method3 เท่านั้นที่จะมีผลและคำจำกัดความสองข้อก่อนหน้านี้ถูกเขียนทับโดยคำสั่งสุดท้าย
มาดูสิ่งที่แนบมาใน IE อีกครั้ง:
<อินพุต type = "button" value = "ฉัน laden" id = "bu"> <script type = "text/javascript"> var bobj = document.getElementById ("bu"); bobj.attachevent ("onclick", method1); bobj.attachevent ("onclick" การแจ้งเตือน ")} ฟังก์ชัน Method2 () {Alert (" Second Alert ")} ฟังก์ชั่น Method3 () {Alert (" Third Alert ")} </script>ลำดับการดำเนินการคือ Method3> Method2> วิธีการที่ 1 ครั้งแรกและออกมาคล้ายกับตัวแปรในสแต็ก ควรสังเกตว่าพารามิเตอร์แรกใน attaintEvent เริ่มต้นซึ่งสามารถ onclick/onmouseover/onfocus ฯลฯ
ได้มีการกล่าวกันว่า (การตรวจสอบที่ไม่ได้รับการยืนยัน) เป็นการดีที่สุดที่จะใช้ detachevent กับหน่วยความจำฟรีหลังจากใช้ attaineVent ใน IE
ลองดูที่ AddEventListener ใน Firefox:
<อินพุต type = "button" value = "i am bush" id = "bu"> <script type = "text/javascript"> var bobj = document.getElementById ("bu"); bobj.addeventListener ("คลิก", method1, false); bobj.addeventlistener ( Method1 () {Alert ("First Alert")} ฟังก์ชัน Method2 () {Alert ("Second Alert")} ฟังก์ชั่น Method3 () {Alert ("Third Alert")} </script>อย่างที่คุณเห็นคำสั่งการดำเนินการใน FF คือ Method1> Method2> Method3 ซึ่งเป็นสิ่งที่ตรงกันข้ามกับ IE ก่อนอื่น ควรสังเกตว่า AddEventListener มีพารามิเตอร์สามตัว อย่างแรกคือชื่อเหตุการณ์ที่ไม่มี "เปิด" เช่นคลิก/mouseover/focus ฯลฯ
ตัวอย่างง่ายๆของเหตุการณ์ onclick ใน DIV ที่เพิ่มขึ้นอย่างไดนามิกโดย JS คือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น