如何控制contenteditable文本内容长度？

Question

我的样式是这样写的，从上到下的书写顺序，从右到左的排列。

.class{
    width: 300px;
    height: 544px;
    font-size: 26px;
    writing-mode: vertical-rl;
    appearance: none;
    -webkit-appearance: none;
    vertical-align: top;
    outline: none;
    word-wrap: break-word;
}

我试过很多方法，什么substr完全是乱的，keydown检测文本text长度只适用于数字。

不知道在这种情况下，怎么限制输入内容的文本长度。

Answer 1

writing-mode: vertical-rl 好评
https://codesandbox.io/s/hung...

app.addEventListener("keydown", e => {
  if (app.innerText.length > 200 && e.keyCode !== 8) e.preventDefault();
});

在内容超长并且不是删除的时候 preventDefault