jquery detect click outside element code example
Example 1: if clicked outside of div jquery
$(document).mouseup(function(e)
{
var container = $("YOUR CONTAINER SELECTOR");
if (!container.is(e.target) && container.has(e.target).length === 0)
{
container.hide();
}
});
Example 2: javascript detect click outside element
var ignoreClickOnMeElement = document.getElementById('someElementID');
document.addEventListener('click', function(event) {
var isClickInsideElement = ignoreClickOnMeElement.contains(event.target);
if (!isClickInsideElement) {
}
});
Example 3: click outside box jquery
$(document).click(function(){
$("#try").hide();
});
$("#try").click(function(e){
e.stopPropagation();
});
Example 4: jquery check if clicked outside div
$(document).click(function() {
alert('clicked outside');
});
$(".menuWraper").click(function(event) {
alert('clicked inside');
event.stopPropagation();
});
Example 5: detect a click outside an element javascript
$(document).click((event) => {
if (!$(event.target).closest('#element').length) {
}
});