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

Posted 2020-12-15 smallzoro

---

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

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;
        }
 }
}