判断多个元素块重叠状态

最新推荐文章于 2024-07-05 00:08:35 发布

老伯伯伯

最新推荐文章于 2024-07-05 00:08:35 发布

阅读量336

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/u014437077/article/details/111828532

版权

  let isTableCoincideArr = []
  const tableList = document.querySelectorAll('.table')
  let targetOneData, targetTwoData
  for(let i = 0; i < tableList.length; i++) {
    for(let j = i + 1; j <= tableList.length; j++) {
      if(tableList[i] && tableList[j]){
        targetOneData = tableList[i].getBoundingClientRect()
        targetTwoData = tableList[j].getBoundingClientRect()
        let arr = []
        if(!(targetOneData.right < targetTwoData.left || targetOneData.left > targetTwoData.right || targetOneData.bottom < targetTwoData.top || targetOneData.top > targetTwoData.bottom)){
          arr.push(i, j)
        }
        isTableCoincideArr = Array.from(new Set(isTableCoincideArr.concat(arr)))
      }
    }
  }

isTableCoincideArr 是哪些元素块是重叠状态