jquery implémente la méthode de masquage du div déroulant et du calque de masque lorsque vous cliquez sur d'autres zones_jquery

L'exemple de cet article décrit comment jquery implémente le masquage du div déroulant et du calque de masque lorsque vous cliquez sur d'autres zones. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Pour une meilleure expérience utilisateur, lorsque vous effectuez une liste déroulante pour obtenir d'autres calques contextuels, lorsque vous développez la liste déroulante, cliquez sur d'autres zones pour masquer automatiquement la liste déroulante de réduction et masquer les calques. morceau de js C'est tout.

L'image suivante est un exemple de menu déroulant pour référence :

Code source d'implémentation de l'effet :

$(document).bind('click', function(e) {
  var e = e || window.event; //浏览器兼容性
  var elem = e.target || e.srcElement;
  while (elem) {
    //循环判断至跟节点，防止点击的是div子元素
    if (elem.id && elem.id == 'menu') {
      return;
    }
    elem = elem.parentNode;
  }
  //点击的不是div或其子元素
  $('.menuList,.overlay').hide();
});

J'espère que cet article sera utile à tous ceux qui programment jQuery.