コードは次のとおりであり、入力をクリックしてDiv層を隠すときにDiv層を隠す機能。
<！doctype html> <html> <head> <head> <meta charset = "utf-8"/> <title> divを閉じるためにクリック</title> </head> <body> <input = "text" value = "" "id =" tf "/> <div id =" con "> <p> 1111 </p> <p> <p> <p> <p> <p> <p> <p href = "＃"> 3333 </a> </p> </div> <script> function e（obj）{return document.getElementById（obj）} e（ 'tf'）。 StopBubble（イベント）; document.onclick = function（）{e（ 'con'）。style.display= 'none'; document.onclick = null; }} e（ 'con'）。onclick = function（event）{//バブルを上方に防止しますが、下向きのキャプチャを防止しないため、conの内部オブジェクトをクリックすると、この関数stopbubble（event）を実行できます。 } // bubble関数stopbubble（e）{if（e && e.StopPropagation）{e.StopPropagation（）; // w3c} else {window.event.cancelbubble = true; // ie}} </script> </body> </html>上記は、この記事のコンテンツ全体です。 JavaScriptの詳細については、「JavaScriptリファレンスチュートリアル」と「JavaScriptコードスタイルガイド」をご覧ください。また、誰もがwulin.comをもっとサポートすることを願っています。