jquery implements methods to hide the dropdown div and Mask layer when clicking on other areas _jquery

The example in this article describes the method that the jquery implementation hides the dropdown div and Mask layer when clicking on other areas. Share to everyone for your reference, specific as follows:

In order to better user experience, in doing pull to get other pop-up layer, when the pull down, to do so click on other areas can also automatically hide pull down and mask layer, such effect with a paragraph of JS can be.

The following figure is an example of a drop-down menu for reference:

Effect to achieve the source code:

$ (document). Bind (' click ', Function (e) {
  var e = e | | window.event;/browser compatibility
  var elem = E.target | | e.srcelement;
  while (elem) {
    //loop to the node, to prevent clicking is div child element
    if (elem.id && elem.id = = ' Menu ') {return
      ;
    }
    Elem = Elem.parentnode;
  }
  Clicking is not a div or its child element
  $ ('. Menulist,.overlay '). Hide ();
});

I hope this article will help you with the jquery program design.