停止文本插入符移动视口

Question

我的问题是，我无法停止文本carret移动我的视口。我想当你点击我的例子中的灰色字段并且保持按住直到视图移动时，很容易看到问题。甚至限制DIV高度也不算什么。有什么想法吗？

<div id="one" contenteditable=true>clicker here and hold enter pressed</div>

#one {
    background:grey;
    max-height:100px;
}

http://codepen.io/anon/pen/oxdGv

Answer 1

当您按Enter键时，您无法限制contenteditable内div内容的高度 - div内容'溢出'的标准行为发生了，如果你只是添加很多例如，你也可以看到这个text<br>进入它。

您可能想要做的是控制div上溢出的处理方式，因此如果内容超出可用空间，则显示，隐藏还是滚动。因此，要实现滚动，您可以这样做：

#one {
    background:grey;
    max-height:100px;
    overflow:auto;
}

如果您希望实际限制可用行数，则需要使用JS。