html textarea 判断字符到右边边界了

HTML `<textarea>` 元素中的内容通常会在用户输入达到边界的限制时自动换行，但是如果你想在文本框的内容到达实际宽度限制时阻止输入，并显示一个提示，可以结合JavaScript来实现。你可以通过监听`oninput`事件，计算当前文本框的宽度以及已输入文字的宽度，当两者接近时触发一个警告。

这是一个简单的示例：

<textarea id="myTextarea" style="width: 300px; height: 100px;"></textarea>

<script>
document.getElementById('myTextarea').addEventListener('input', function(e) {
  const textarea = this;
  const inputWidth = textarea.offsetWidth;
  const caretPos = textarea.selectionStart; // 获取光标位置
  const textBeforeCaret = textarea.value.substring(0, caretPos); // 获取光标前的文字

  if (textBeforeCaret.length + (caretPos - 1) >= inputWidth) { // 当光标位置加上前面文字长度大于等于宽度
    alert("已达到右侧边界，请删除一些字符。");
    e.preventDefault(); // 阻止默认的换行
  }
});
</script>