/Javascript/jQuery/Jquery how to detect click outside off-canvas-navigation

Jquery how to detect click outside off-canvas-navigation

$(document).mouseup(function(e) {
    var $offCanvasInner = $(".off-canvas-inner");

    // if the target of the click isn't the $offCanvasInner nor a descendant of the container
    if (!$offCanvasInner.is(e.target) && $offCanvasInner.has(e.target).length === 0) {
      if($('.off-canvas-wrapper').css('display') == "block"){
        $('.off-canvas-wrapper').hide();
      }
    }

});

Source: stackoverflow.com

Similar codes

6 votes117 views2 answers
React in jquery
Javascript jQuery
9 votes139 views3 answers
Jquery get base url
Javascript jQuery
1 vote120 views1 answer
Show more implementation jquery
Javascript jQuery
7 votes146 views2 answers
How to edit the link in a href with jquery
Javascript jQuery
2 votes115 views2 answers
How to give a label padding through jquery
Javascript jQuery
0 vote114 views1 answer
How to add an image using jquery
Javascript jQuery
0 vote147 views1 answer
How to convert div to image in jquery
Javascript jQuery
2 votes122 views1 answer
Jquery translate
Javascript jQuery
278 votes292 views6 answers
Settimeout jquery
Javascript jQuery
0 vote129 views1 answer
How to add text to h2 with jquery
Javascript jQuery