detect click outside div javascript code example
Example 1: javascript detect click outside element
var ignoreClickOnMeElement = document.getElementById('someElementID');
document.addEventListener('click', function(event) {
var isClickInsideElement = ignoreClickOnMeElement.contains(event.target);
if (!isClickInsideElement) {
}
});
Example 2: 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!";
});