判断点击元素的外层元素是否为目标元素


判断点击的元素的外层元素是否有我们想要的目标元素,如果有就执行自己相应的逻辑

function clickEvent(event) {
const target = 'className';
   if (!(event.target.classList.contains(target) || elementParentFlag(event.target, target))) { 
        // 下面是你的逻辑代码
         console.log('我是你最崇拜的人!')
  }
  function elementParentFlag(element, strClass) {
    if (element.parentNode && element.parentNode.nodeName !== 'BODY') {
          if (element.parentNode.classList.contains(strClass)) {
            return true;
          } else {
            return elementParentFlag(element.parentNode, strClass);
          }
        } else {
          return false;
        }
 }
}
posted @ 2020-07-14 16:02  代码男孩  阅读(253)  评论(0编辑  收藏  举报