在纯JS中获取最接近用户屏幕中心的元素的id

function getClosestElementId() {
  const screenWidth = window.innerWidth;
  const screenHeight = window.innerHeight;
  const elements = document.querySelectorAll('.target-elements');
  let closestDistance = Number.MAX_VALUE;
  let closestElementId = null;

  elements.forEach(element => {
    const { left, top, width, height } = element.getBoundingClientRect();
    const horizontalDistance = left + width / 2 - screenWidth / 2;
    const verticalDistance = top + height / 2 - screenHeight / 2;
    const distance = Math.sqrt(horizontalDistance**2 + verticalDistance**2);

    if (distance < closestDistance) {
      closestDistance = distance;
      closestElementId = element.id;
    }
  });

  return closestElementId;
}

const closestElementId = getClosestElementId();
console.log('最接近用户屏幕中心的元素的id：', closestElementId);