รหัสมีดังนี้และฟังก์ชั่นของการซ่อนเลเยอร์ div เมื่อคลิกอินพุตและซ่อนเลเยอร์ div
<! doctype html> <html> <head> <meta charset = "utf-8"/> <title> คลิกที่อื่นเพื่อปิด div </title> </head> <body> <อินพุต type = "text" value = "" id = "tf"/> <div id = "con"> <p> 1111 href = "#"> 3333 </a> </p> </div> <script> function e (obj) {return document.getElementById (obj)} e ('tf') onClick = ฟังก์ชั่น (เหตุการณ์) {e ('con'). style.display = 'block'; STOPBUBBLE (เหตุการณ์); document.onclick = function () {e ('con'). style.display = 'none'; document.onclick = null; }} e ('con'). onclick = function (เหตุการณ์) {// ป้องกันเพียงฟองขึ้นไปข้างบน แต่ไม่ได้ป้องกันการจับกุมลงดังนั้นเมื่อคลิกวัตถุภายในของ con คุณยังสามารถเรียกใช้ฟังก์ชั่น stopbubble นี้ } // ฟังก์ชั่น Bubble Stopbubble (E) {ถ้า (e && E.StopPropagation) {E.STOPPROPAGATION (); // w3c} else {window.event.cancelBubble = true; // ie}} </script> </body> </html>ข้างต้นเป็นเนื้อหาทั้งหมดของบทความนี้ สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ JavaScript คุณสามารถตรวจสอบ: "คำแนะนำอ้างอิง JavaScript" และ "คู่มือสไตล์รหัส JavaScript" ฉันหวังว่าทุกคนจะสนับสนุน wulin.com มากขึ้น