/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

46 votes221 views3 answers
Shorthand for jquery document ready
Javascript jQuery
0 vote240 views1 answer
Jquery validator add method
Javascript jQuery
1 vote221 views2 answers
Can we add jquery in chrome extension js code
Javascript jQuery
5 votes214 views1 answer
Jquery continue in loop each
Javascript jQuery
10 votes209 views4 answers
Jquery select radio
Javascript jQuery
18 votes208 views3 answers
Disable input field with jquery
Javascript jQuery
0 vote217 views1 answer
How to Set Active Tab in jQuery Ui
Javascript jQuery
0 vote231 views1 answer
Jquery set span text by id
Javascript jQuery
1 vote194 views1 answer
Include multiple js files using jQuery $.getScript()
Javascript jQuery
6 votes220 views2 answers
Jquery send to another page
Javascript jQuery