美文网首页
判断dom包含关系

判断dom包含关系

作者: 李霖弢 | 来源:发表于2021-04-12 13:51 被阅读0次

contains

DOM原生方法,用于判断DOM元素的包含关系;
parentDom.contains(childDom),返回一个布尔值。

  • element-ui的clickOutside指令实现单击目标元素外部关闭目标元素的核心方法也是contains
  <div id="parent">
    <div id="child"></div>
  </div>


<script>
  document.onclick = function (e) {
    var elem = e.target;
    var targetArea = document.getElementById('parent');
    if (targetArea.contains(elem)) {
      alert("在区域内");
    } else {
      alert("在区域外");
    }
  }

相关文章

网友评论

      本文标题:判断dom包含关系

      本文链接:https://www.haomeiwen.com/subject/eyhxlltx.html