如何单击屏幕上的任意位置(除了目标div之外)才能让所有内容恢复到原来的位置

// 获取目标div的位置信息
var targetDiv = document.getElementById('targetDiv');
var targetDivRect = targetDiv.getBoundingClientRect();

// 监听整个屏幕的点击事件
document.addEventListener('click', function(event) {
  // 获取点击事件的坐标
  var clickX = event.clientX;
  var clickY = event.clientY;

  // 判断点击位置是否在目标div之外
  if (clickX < targetDivRect.left || clickX > targetDivRect.right ||
      clickY < targetDivRect.top || clickY > targetDivRect.bottom) {
    // 执行恢复操作，将所有内容的位置属性重置为原来的位置
    // 例如，将所有内容的top和left属性设置为0
    var contents = document.getElementsByClassName('content');
    for (var i = 0; i < contents.length; i++) {
      contents[i].style.top = '0';
      contents[i].style.left = '0';
    }
  }
});