如何检测MouseDown是否超出了行调整区域

// 获取行调整区域的DOM元素
const rowAdjustmentArea = document.getElementById('row-adjustment-area');

// 监听鼠标按下事件
document.addEventListener('mousedown', function(event) {
  // 获取鼠标按下时的坐标位置
  const mouseX = event.clientX;
  const mouseY = event.clientY;

  // 获取行调整区域的位置信息
  const areaRect = rowAdjustmentArea.getBoundingClientRect();
  const areaLeft = areaRect.left;
  const areaTop = areaRect.top;
  const areaRight = areaRect.right;
  const areaBottom = areaRect.bottom;

  // 判断鼠标按下的坐标是否在行调整区域内部
  if (mouseX >= areaLeft && mouseX <= areaRight && mouseY >= areaTop && mouseY <= areaBottom) {
    // 鼠标按下未超出行调整区域
    console.log('MouseDown未超出行调整区域');
  } else {
    // 鼠标按下超出行调整区域
    console.log('MouseDown超出行调整区域');
  }
});