Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

사용자가 DIV 외부를 클릭할 때 JavaScript를 사용하여 DIV를 숨기는 방법은 무엇입니까?


사용자가 외부를 클릭할 때 div를 숨기려면 다음 코드를 실행해 보세요.

예시

라이브 데모

<!DOCTYPE html>
<html>
   <body>
      <script>
         window.onload = function(){
            var hideMe = document.getElementById('hideMe');
            document.onclick = function(e){
               if(e.target.id !== 'hideMe'){
                  hideMe.style.display = 'none';
               }
            };
         };
      </script>
      <div id="hideMe">Click outside this div and hide it.</div>
   </body>
</html>