outside click hide div javascript code example

Example 1: click anywhere and div hide javascript

document.addEventListener('mouseup', function(e) {
  let container = document.getElementById('container');
  if (!container.contains(e.target)) {
    container.style.display = 'none';
  }
});

Example 2: div click outside to hide javascript

$(document).click(function(){
 $("#try").hide(); 
});

$("#try").click(function(e){
  e.stopPropagation(); 
});

Example 3: div click outside to hide javascript

<body>
  <p id="try">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

</p>
</body>

Tags:

Javascript Example

Related