javascript click outside div to close code example
Example 1: div click outside to hide javascript
$(document).click(function(){
$("#try").hide();
});
$("#try").click(function(e){
e.stopPropagation();
});
Example 2: 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>
Example 3: on click outside div javascript
document.addEventListener("click", (evt) => {
const flyoutElement = document.getElementById("flyout-example");
let targetElement = evt.target;
do {
if (targetElement == flyoutElement) {
document.getElementById("flyout-debug").textContent = "Clicked inside!";
return;
}
targetElement = targetElement.parentNode;
} while (targetElement);
document.getElementById("flyout-debug").textContent = "Clicked outside!";
});