在TextField中显示准确的文本高度

// 获取TextField元素
const textField = document.getElementById('myTextField');

// 监听文本输入事件
textField.addEventListener('input', () => {
  // 获取文本内容
  const text = textField.value;

  // 创建隐藏的DOM元素
  const hiddenElement = document.createElement('div');
  hiddenElement.style.visibility = 'hidden';
  hiddenElement.style.position = 'absolute';
  hiddenElement.style.width = textField.offsetWidth + 'px';
  hiddenElement.style.font = window.getComputedStyle(textField).font;
  hiddenElement.textContent = text;

  // 将隐藏元素插入文档中
  document.body.appendChild(hiddenElement);

  // 获取文本高度
  const textHeight = hiddenElement.offsetHeight;

  // 移除隐藏元素
  document.body.removeChild(hiddenElement);

  // 更新TextField的高度
  textField.style.height = textHeight + 'px';
});