找出文本何时超过contenteditable div

Question

我想知道，当我的文字遍历内容可编辑div时。

I dont want to have a scroll or anything, just as it is.

我想要的是阻止（不要隐藏溢出，阻止!!）任何低于div的文本。

这是我的JSFiddle与我的问题。

http://jsfiddle.net/N4tTp/1/

提前致谢。

Answer 1

<html>
<head>
<style>
    div.block{margin:20px;width:400px;height:100px;overflow:hidden;}
 //defined some style just for demonstration
</style>
<body>
    <div  class="block" contenteditable="true" onkeyup="ManageOverflow(event)">
    Block Content
    </div>  
</body>
<script>
function ManageOverflow(event){
    if(event.target.scrollHeight > event.target.clientHeight){
        //your action here
    }
}

</script>
</html>

Answer 2

正如其他人所说，你可以使用text-overflow: ellipsis ，但遗憾的是，这只适用于一行（不是多行）

例

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

如果你想要多行，你将不会得到省略号

overflow: hidden;

找出文本何时超过contenteditable div

问题描述

2 个解决方案

解决方案1
2 2019-02-07 11:06:48

解决方案2
0 2014-01-13 17:13:22

例

没有省略号的多行示例

找出文本何时超过contenteditable div

问题描述

2 个解决方案

解决方案1 2 2019-02-07 11:06:48

解决方案2 0 2014-01-13 17:13:22

例

没有省略号的多行示例

解决方案1
2 2019-02-07 11:06:48

解决方案2
0 2014-01-13 17:13:22