如何通过textarea的大小限制textarea中的字符？

Question

我所拥有的：

我有一个具有动态宽度和高度的文本区域。我正在使用p5.dom.js根据窗口的宽度和高度来创建具有宽度和高度的DOM元素。

我想要什么：

我想限制文本区域中的字符，以使其不能大于文本区域的大小。当字符到达this点时，用户将不能插入更多字符。

问题：

textarea {
  resize: none;
  overflow: hidden;
}

即使我删除了调整大小和滚动条，也不会阻止它减小。当用户再输入一个字母this时。

我知道我可以使用maxlength或行和列，但是由于textarea具有动态的宽度和高度，因此我试图找到一种不使用此属性的解决方案。

解决方案：

1. 我想到的唯一解决方案是检查滚动条何时下降并删除1个字符，直到滚动条回到顶部为止。如何检查？
2. 删除滚动功能，而不仅仅是隐藏滚动条。我在很多地方都看过，但是我只能找到隐藏滚动条的问题。

如果CSS中没有办法做到这一点，那么jQuery将是一个好方法。

编辑1：

如果某些用户的字符数限制比其他用户低，没关系