/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

2 votes182 views1 answer
Jquery visibility hidden show
Javascript jQuery
18 votes211 views2 answers
How to get the div value in jquery
Javascript jQuery
0 vote159 views1 answer
How to call function in jquery
Javascript jQuery
84 votes171 views4 answers
How get checkbox if checked in jquery
Javascript jQuery
1 vote199 views1 answer
Each option select jquery
Javascript jQuery
0 vote697 views1 answer
Authorize jquery ajax call for asp.net mvc
Javascript jQuery
10 votes163 views3 answers
Jquery get closest form
Javascript jQuery
35 votes163 views6 answers
Jquery select by name
Javascript jQuery
0 vote160 views1 answer
Add data after last child in jquery
Javascript jQuery
2 votes133 views1 answer
Jquery check if var is undefined
Javascript jQuery