"การตรวจสอบเหตุการณ์" คืออะไร

DOM ช่วยให้เราสามารถเขียนโค้ด JS เพื่อให้ องค์ประกอบ HTML ตอบสนองต่อเหตุการณ์ได้

เหตุการณ์ : การโต้ตอบระหว่างผู้ใช้และหน้าเว็บ เช่น การคลิกบนหน้าเว็บ

: เพื่อให้คอมพิวเตอร์ ตรวจ พบว่าเหตุการณ์นี้ เกิดขึ้นได้ตลอดเวลา ดังนั้น การรันโปรแกรมบางโปรแกรมที่เขียนไว้ล่วงหน้าโดยโปรแกรมเมอร์

onxxx

และ addEventListener()

วิธีที่ง่ายที่สุดในการตั้งค่า Listener เหตุการณ์คือ

การตั้งค่า onxxx คุณลักษณะ ;

() {
    // เมื่อคลิกกล่อง คำสั่งที่นี่จะถูกดำเนินการ}

เมาส์ทั่วไปตรวจสอบเหตุการณ์

การตรวจสอบเหตุการณ์แป้นพิมพ์ทั่วไป

เหตุการณ์รูปแบบทั่วไป การฟัง

การตรวจสอบเหตุการณ์หน้าทั่วไป

การแพร่กระจายเหตุการณ์

เริ่มต้นจากภายนอกสู่ภายใน (เฟสการจับภาพ) จากนั้นจาก จากภายในสู่ภายนอก (เฟสเดือด)

อย่างไรก็ตาม การเขียนแบบ onxxx (DOM ระดับ 0) สามารถตรวจสอบได้เฉพาะเฟสเดือด ดังนั้น คุณต้องใช้เมธอด addEventListener() (DOM ระดับ 2

) , การทำงาน(){
    // นี่คือฟังก์ชันการประมวลผลเหตุการณ์}, จริง) // จริง หมายถึงการฟังเฟสการจับภาพ, เท็จ หมายถึงการฟังเฟสฟองสบู่

หมายเหตุ:

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