코드는 다음과 같습니다. 입력을 클릭하고 DIV 레이어를 숨길 때 DIV 레이어를 숨기는 기능입니다.
<! docType html> <html> <head> <meta charset = "utf-8"/> <title> div </title> </head> <body> <입력 유형 = "text"value = ""id = "id ="id = "tf"/<div id = "con"> <p> 1111 <p> <222 </p> <p> </p> <p> href = "#"> 3333 </a> </p> </p> </div> <cript> 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 (이벤트)을 실행할 수 있습니다. } // 버블 함수 stopBubble (e) {if (e && e.StopPropAgation) {e.StopPropagation (); // w3c} else {window.event.cancelBubble = true; // ie}} </script> </body> </html>위는이 기사의 전체 내용입니다. JavaScript에 대한 자세한 내용은 "JavaScript 참조 자습서"및 "JavaScript Code Style Guide"를 확인하십시오. 또한 모두가 wulin.com을 더 지원하기를 바랍니다.