在javascript中使用if/else语句单击位置的可单击内容

document.addEventListener('click', function(event) {
  var x = event.clientX;
  var y = event.clientY;
  // 在这里进行后续操作
});

document.addEventListener('click', function(event) {
  var x = event.clientX;
  var y = event.clientY;
  
  // 假设可单击内容的范围是一个矩形区域，左上角坐标为(100, 100)，右下角坐标为(300, 200)
  if (x >= 100 && x <= 300 && y >= 100 && y <= 200) {
    // 单击位置在可单击内容范围内
    console.log('点击了可单击内容');
    // 在这里进行后续操作
  } else {
    // 单击位置不在可单击内容范围内
    console.log('点击了其他位置');
    // 在这里进行后续操作
  }
});