/Javascript/jQuery/Click outside element jquery

Click outside element jquery

Javascript detect click outside element

var ignoreClickOnMeElement = document.getElementById('someElementID');

document.addEventListener('click', function(event) {
    var isClickInsideElement = ignoreClickOnMeElement.contains(event.target);
    if (!isClickInsideElement) {
        //Do something click is outside specified element
    }
});

Click outside box jquery

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

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

Div outside click event jquery

window.addEventListener('click', function(e){   
  if (document.getElementById('clickbox').contains(e.target)){
    // Clicked in box
  } else{
    // Clicked outside the box
  }
});

Source: stackoverflow.com

Detect a click outside an element javascript

$(document).click((event) => {
  if (!$(event.target).closest('#element').length) {
    // the click occured outside '#element'
  }        
});

Source: stackoverflow.com

Jquery check if clicked outside div

$(document).click(function() {
    alert('clicked outside');
});

$(".menuWraper").click(function(event) {
    alert('clicked inside');
    event.stopPropagation();
});

Source: stackoverflow.com

Click outside element jquery

    $(document).click(function (event) {
        var $target = $(event.target);
        if (!$target.closest('.modal-dialog').length && $('.modal-dialog').is(":visible")) {
            console.log("clicked outside the element")
        }
    });

Similar codes

23 votes191 views5 answers
How to reset form values in jquery
Javascript jQuery
14 votes191 views4 answers
Image preview before upload jquery
Javascript jQuery
10 votes240 views3 answers
How to import jquery in js file
Javascript jQuery
9 votes194 views3 answers
Get the id of a div in jquery
Javascript jQuery
0 vote177 views1 answer
Get how much i scroll in jquery
Javascript jQuery
0 vote182 views1 answer
Jquery dialog button text set by variable
Javascript jQuery
0 vote174 views1 answer
Animating using jquery
Javascript jQuery
0 vote170 views2 answers
Onchange select dropdown jquery
Javascript jQuery
0 vote201 views1 answer
Jquery autocomplete set suggestion length
Javascript jQuery
5 votes186 views6 answers
Jquery get class name
Javascript jQuery