点击html文档关闭弹出层

本文由清尘发表于2018-03-02 14:43最后修改于2018-07-02属于jQuery分类

判断点击事件e.target对象的父级是否是弹窗控件,用能否找到对应的class来判断点击区域是除了弹窗本身之外的任何区域,达到关闭效果。
如果点击的时候,弹窗本身已经为不显示时就return .通过判断弹窗是否有class为open来判断。

    var htmlClickHandler = function (e) {
      if (!el.hasClass('open')) return;
      var ispopbox = $(e.target).parents('.popbox');
      if (ispopbox.size() == 0) popbox.close();
      else if (htmlClickHandler[0] != el[0]) popbox.close();
    };

    $('html').on('click', htmlClickHandler);