window.addEventListener('click', function(e){
if (document.getElementById('clickbox').contains(e.target)){
// Clicked in box
} else{
// Clicked outside the box
}
});$(document).click(function(){
$("#try").hide();
});
$("#try").click(function(e){
e.stopPropagation();
}); $(document).click(function (event) {
var $target = $(event.target);
if (!$target.closest('.modal-dialog').length && $('.modal-dialog').is(":visible")) {
console.log("clicked outside the element")
}
});<script>
$(document).mouseup(function(e){
var container = $("#elementID");
// If the target of the click isn't the container
if(!container.is(e.target) && container.has(e.target).length === 0){
container.hide();
}
});
</script><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>