الكود كما يلي ، ووظيفة إخفاء طبقة DIV عند النقر فوق الإدخال وإخفاء طبقة DIV.
<! doctype html> <html> <head> <meta charset = "utf-8"/> <title> انقر فوق مكان آخر لإغلاق div </title> </head> <body> <input type = "text" value = "" id = "tf"/> <div id = "con"> href = "#"> 3333 </a> </p> </viv> <script> function e (obj) {return document.getElementById (obj)} e ('tf'). onClick = function (event) {e ('con'). style.display = 'block' ؛ stopbubble (حدث) ؛ document.onclick = function () {e ('con'). style.display = 'none' ؛ document.onclick = null ؛ }} e ('con'). onClick = function (event) {// فقط يمنع الفقاعة لأعلى ، ولكنه لا يمنع التقاط الهبوطي ، لذلك عند النقر فوق الكائن الداخلي لل con ، لا يزال بإمكانك تنفيذ هذه الوظيفة stopbubble (الحدث) ؛ } // bubble function stopbubble (e) {if (e && e.StopPropagation) {eStopPropagation () ؛ // w3c} آخر {window.event.cancelBubble = true ؛ // ie}} </script> </body> </html>ما سبق هو المحتوى الكامل لهذه المقالة. لمزيد من المعلومات حول JavaScript ، يمكنك التحقق من: "دليل JavaScript Reference Tutorial" و "JavaScript Code Style". آمل أيضًا أن يدعم الجميع wulin.com أكثر.