Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để sử dụng JavaScript để ẩn DIV khi người dùng nhấp vào bên ngoài nó?


Để ẩn một div khi người dùng nhấp vào bên ngoài nó, hãy thử chạy mã sau

Ví dụ

Bản trình diễn trực tiếp

<!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>