当元素的“click”事件存在时，如何检测元素外部的单击

document.addEventListener('click', function(event) {
  var targetElement = event.target; // 获取事件的目标元素
  var element = document.getElementById('your-element-id'); // 获取需要检测的元素

  // 判断事件的目标元素是否是需要检测的元素或其子元素
  if (targetElement !== element && !element.contains(targetElement)) {
    // 元素外部的单击事件处理逻辑
    console.log('点击了元素外部');
  }
});

document.addEventListener('click', function(event) {
  var targetElement = event.target; // 获取事件的目标元素
  var element = document.getElementById('your-element-id'); // 获取需要检测的元素

  // 判断事件的目标元素是否是需要检测的元素或其子元素
  if (targetElement !== element && !element.contains(targetElement)) {
    // 元素外部的单击事件处理逻辑
    console.log('点击了元素外部');
  }
}, true); // 设置事件捕获阶段为true