/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

2 votes147 views1 answer
How to set element readonly using jquery
Javascript jQuery
1 vote141 views1 answer
Check class exist in element by parent id in jquery
Javascript jQuery
0 vote167 views1 answer
Selectores de jQuery CSS básicos
Javascript jQuery
118 votes314 views6 answers
JQuery is checkbox checked
Javascript jQuery
78 votes147 views3 answers
Jquery each get index
Javascript jQuery
0 vote90 views1 answer
Jquery each input
Javascript jQuery
0 vote205 views1 answer
Jquery check if parent has 2 chlds
Javascript jQuery
0 vote163 views1 answer
Jquery scroll to element toggle menu item
Javascript jQuery
0 vote145 views1 answer
JQuery('.product_foto_slide').slick({ infinite:true, arrows:false, dots:false, fade:true, slidesToShow:1, slidesToScroll:1, autoplay:false, autoplaySpeed:4600, asNavFor: '.product_preview_slide', focusOnSelect: true, responsive: [
Javascript jQuery
14 votes146 views6 answers
Click outside element jquery
Javascript jQuery