如何知道文本区域是否正在主动调整大小

Question

我正在寻找一个 JavaScript 函数，如果给定的

true

元素正在调整大小，则该函数将返回

textarea

，如果不是，则返回

false

。如果不使用 JQuery 或任何其他类似工具，这个功能是否存在？如果不存在，我该如何实现？

提前致谢！

Answer 1

没有专门设计的内置 JavaScript 函数来检测文本区域元素是否正在调整大小。您可以结合使用事件侦听器和状态变量。

function isResizing(textarea) {
  let isResizing = false;

  const startResize = () => {
    isResizing = true;
  };

  const stopResize = () => {
    isResizing = false;
  };

  textarea.addEventListener('mousedown', startResize);
  textarea.addEventListener('mouseup', stopResize);
  textarea.addEventListener('mousemove', stopResize);

  return () => isResizing;
}

// Example usage:
const textareaElement = document.getElementById('yourTextareaId');
const checkResizing = isResizing(textareaElement);

// Check if resizing is happening:
console.log(checkResizing()); // Returns true if resizing, false otherwise