Der Code ist wie folgt und die Funktion, eine DIV -Ebene beim Klicken auf Eingabe zu verbergen und eine Div -Schicht zu verbergen.
<! DocType html> <html> <head> <meta charset = "utf-8"/> <title> Klicken Sie an anderer Stelle, um Div </title> </head> <body> <Eingabe-Typ = "Text" Wert "Wert" "id =" tf "/> <Div id =" con "> <p> 1111 </p> </p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <p> <pl> </p> <p> <p> <pl> </p> <p> <p> <pl> </p> <p> <p> <pl> </p> <p> <p> <pl> </p> <p> <p> <p> <P> <p> <pal </p> <p> <p> <p> <P> <p> <p. href = "#"> 3333 </a> </p> </div> <script> Funktion e (obj) {return document.getElementById (obj)} e ('tf'). onclick = Funktion (Ereignis) {e ('con'). style.display = 'block'; Stoppbubble (Ereignis); document.onclick = function () {e ('con'). style.display = 'none'; document.onclick = null; }} e ('con'). onclick = function (Ereignis) {// verhindert nur nach oben Blasen, verhindern jedoch nicht die Abwärtserfassung. Wenn Sie also auf das interne Objekt von con klicken, können Sie diese Funktion trotzdem Stoppbubble (Ereignis) ausführen. } // Blasenfunktion StopBubble (e) {if (e && e.Stoppropagation) {e.Stoppropagation (); // w3c} else {window.event.cancelBubble = true; // IE}} </script> </body> </html>Das obige ist der gesamte Inhalt dieses Artikels. Weitere Informationen zu JavaScript finden Sie unter: "JavaScript Reference Tutorial" und "JavaScript Code Style Guide". Ich hoffe auch, dass jeder wulin.com mehr unterstützt.