ภาษาไทย
เหตุการณ์จะถูกทริกเกอร์ในโหนดหลักเท่านั้น แต่จะไม่ทริกเกอร์ในโหนดลูก
โปรดใส่ใจกับความแตกต่างระหว่าง event.srcElement : e.target ในเบราว์เซอร์ เช่น IE และ Firefox
คลิกเพื่อเรียกใช้โค้ดต่อไปนี้:
เรียกใช้การสาธิต <!DOCTYPE html สาธารณะ "-//W3C//DTD XHTML 1.0 การเปลี่ยนผ่าน//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> ในระดับผู้ปกครองเท่านั้น เหตุการณ์ที่ทริกเกอร์ใน div จะไม่ถูกทริกเกอร์ใน div ลูก</title> <style type="text/css"> div{พื้นหลัง:#eee;margin:20px auto;border:1px solid #ccc;} div div{พื้นหลัง:# fff;margin:40px;} #ctnr{width:500px;} #hd{height:300px;} #bd{height:200px;} </สไตล์> </head> <body> <div id="ctnr"> ctnr คอนเทนเนอร์ div นี้มีสอง div <br />แต่การดำเนินการไม่ได้รับอนุญาตให้เกิดขึ้นใน div ลูกที่มีอยู่ และจะถูกทริกเกอร์ใน div ระดับบนสุดเท่านั้น <div id="hd">hd ไม่ถูกทริกเกอร์ที่นี่</div> <div id="bd">bd ไม่ถูกทริกเกอร์ที่นี่</div> การดำเนินการจะถูกทริกเกอร์เฉพาะในช่องว่างเท่านั้น</div> <ประเภทสคริปต์ =" text/javascript"> <!-- function initDrag(e) { var oDragHandle = document.getElementById&&document.all ? event.srcElement : e.target; if(oDragHandle.id == "ctnr"){alert(oDragHandle. id + " คลิก");} } document.onclick=initDrag; //--> </script> </body> </html>