[เพิ่มกลไกเหตุการณ์] AddEventListener และ AttachEvent
[W3C]
AddEventListener ('คลิก', function () {Alert ('Hello World')}, FALSE) // W3C ข้อมูลจำเพาะเพิ่มเหตุการณ์ (IE8 ขึ้นไปไม่เข้ากัน); พารามิเตอร์แรกคือประเภทเหตุการณ์ที่สองคือโปรแกรมเหตุการณ์ที่สามเท็จคือฟองสบู่เหตุการณ์และจริงคือการจับเหตุการณ์
[เช่น]
AttachEvent ('onclick', function () {Alert ('Hello World')}) // IE เพิ่มเหตุการณ์; พารามิเตอร์แรกคือประเภทเหตุการณ์ (จำเป็นต้องเพิ่ม); อย่างที่สองคือโปรแกรมเหตุการณ์ เนื่องจาก IE รองรับฟองสบู่เท่านั้นจึงมีพารามิเตอร์เพียงสองตัวเท่านั้น
[ความเข้ากันได้ข้ามเบราว์เซอร์]
ฟังก์ชั่น insertEvent (obj, เหตุการณ์, สนุก) {ถ้า (obj.addevenlistener) {addeventlitener (เหตุการณ์, สนุก, เท็จ)} อื่นถ้า (obj.attach)[ลบกลไกเหตุการณ์] removeVentListener detachevent
[W3C] removeVentListener
removeEventListener () // เหตุการณ์ที่เพิ่มเข้ามาโดยใช้ AddEventListener สามารถลบได้ผ่าน removeVentListener เท่านั้น
[หมายเหตุ] // วิธีการลบเหตุการณ์ต่อไปนี้ผิดเพราะโปรแกรมเหตุการณ์จะต้องไม่เป็นฟังก์ชันที่ไม่ระบุชื่อ
addeventListener ('คลิก', function () {Alert ('Hello World')}, False)
removeEventListener ('คลิก', function () {Alert ('Hello World')}, False)
[แก้ปัญหา]
addeventListener ('คลิก', กล่อง, เท็จ); removeEventListener ('คลิก', กล่อง, เท็จ); กล่องฟังก์ชัน () {Alert ('Hello World');}[ความเข้ากันได้ข้ามเบราว์เซอร์]
ฟังก์ชั่น deleteVent (obj, เหตุการณ์, ความสนุก) {ถ้า (obj.removeeVentListener) {removeEventListener (เหตุการณ์, สนุก, เท็จ); } อื่นถ้า (obj.detachevent) {detachevent ('on'+เหตุการณ์, fun)}}【พฤติกรรมเริ่มต้นสำหรับการปิดกั้นเหตุการณ์เฉพาะ】
[PreventDefault และ ReturnValue]
[W3C] PreventDefault
[เช่น] reutrnvalue
[ความเข้ากันได้ข้ามเบราว์เซอร์]
ฟังก์ชั่น (เหตุการณ์) {Event = Event || window.event; if (event.preventDefault) {event.preventDefault ()} else {event.returnValue = false; -【รับวัตถุเป้าหมาย】
[เป้าหมายและ srcelement]
ฟังก์ชั่น (เหตุการณ์) {Event = Event || window.event; if (event.target) {return event.target; } อื่นถ้า (event.srecelement) {return event.srcelement; -กลไกเหตุการณ์ JavaScript ข้างต้นเข้ากันได้กับ [การรวบรวมรายละเอียด] มันคือเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น