检测用户是否正在调整文本框的大小

问：

我有一些代码允许移动文本区域：

// Note that this code is paraphrased. It may not work exactly.
function createSelection(e) {
  if (dragging == false) {
    newSelection = document.createElement('textarea');
    newSelection.classList.add('resizeBox');
  
    newSelection.style.position = "absolute";
    newSelection.style.left = e.pageX + 'px';
    newSelection.style.top = e.pageY + 'px';
    newSelection.style.width = '0%';
    newSelection.style.height = '0%';
    newSelection.style.border = "dashed 2px orange";
    newSelection.style.outline = "0"

    startX = e.pageX;
    startY = e.pageY
    
    document.body.appendChild(newSelection);
    
    newSelection.addEventListener('mousedown', dragSelection);
    window.addEventListener('mousemove', resizeSelection);
    window.addEventListener('mouseup', finalizeSelection);
  }
}

function dragSelection(e) {
  var target = e.target
  dragging = true
  target.style.cursor = 'grabbing';

  // TODO: Make this box ontop of everything else
  let offsetX = e.offsetX;
  let offsetY = e.offsetY;
  
  window.addEventListener('mousemove', moveSelection);
  window.addEventListener('mouseup', stopDragSelection);
  
  function moveSelection(e) {
    if (e.target.style.cursor == "nwse-resize") {
      return null;
    }
    console.log(2)
    target.style.left = (e.pageX - offsetX) + 'px';
    target.style.top = (e.pageY - offsetY) + 'px';
  }
  
  function stopDragSelection() {
    target.style.cursor = 'grab';
    dragging = false
    window.removeEventListener('mousemove', moveSelection);
    window.removeEventListener('mouseup', stopDragSelection);
  }
}

function resizeSelection(e) {
  var width = e.pageX - startX;
  var height = e.pageY - startY;

  newSelection.style.width = Math.abs(width) + 'px';
  newSelection.style.height = Math.abs(height) + 'px';
  newSelection.style.left = (width < 0 ? e.pageX : startX) + 'px';
  newSelection.style.top = (height < 0 ? e.pageY : startY) + 'px';
  newSelection.style.border = "dashed 2px orange";
}

function finalizeSelection(e) {
  window.removeEventListener('mousemove', resizeSelection);
  window.removeEventListener('mouseup', finalizeSelection);
}

这工作正常，但是当我尝试调整文本框的大小时，通过单击右下角的小图标，它会移动它。如何判断用户是否正在点击该图标？

我试图判断光标是否是某个图标：

  if (e.target.style.cursor == "nwse-resize") {
    return null;
  }

但这没有用。

我还试图查看文本框的宽度和高度是否正在更改，但这不起作用，因为它没有被调整大小，它只是被拖动。

提前致谢！