Jquery on click inside or outside the div element

$( document ).click( function( e ){
    var mde = $( '.my-div-element' );
    if( ! mde.is( e.target ) && mde.has( e.target ).length === 0 && mde.length ){ 
        // I'm clicking outside of my div element
    }else{
    	// I'm clicking inside of my div element
    }
});

CHECKOUT MY NEW CREATED WORDPRESS PLUGIN

Gravity Forms Image Upload Field for User Registration

Image Upload Field for User Registration is a Gravity Forms add-on that is specialize for front-end user registration form. It has the ability to upload a user avatar or profile picture during the user registration process. This field has advance settings that can help you adjust the preferred design on the front-end form such as image dimension (width and height), text button, etc. and other settings to enhance front-end layout.

Image Upload Field for User Registration requires Gravity Forms and Gravity Forms User Registration Add-On before install.

Add to cart  VIEW PRODUCT

---

CHECKOUT MY BEST SELLING WORDPRESS PLUGIN

Gravity Forms Media Upload Field

Media Upload Field is a Gravity Forms add-on that allow users to upload an image with advance front-end setup, and easy to use image cropping. This field provide advance settings to manage the image dimension (width and height) and other settings that can be found in the front-end layout.

Add to cart  VIEW PRODUCT