如果 div 高度大于 100 将超出文本移动到另一个 div

Question

我有 2 个 contenteditable div，我想要它，如果 div (div A) 高度变得大于 100px 移动超过文本到另一个 div (div B).

我
我
学习
（比如这里div高度大于100px，将"javascript"移到另一个div）
javascript.

下一次，如果它向 div 添加了更多文本，则再次根据高度移动文本。

再次测试
我
我
（比如这里div高度大于100px，将"learning javascript"移到另一个div）
学习
javascript.

jsFiddle link http://jsfiddle.net/mhabib555/zvq96xy6/2/

function checkHeight(){
    var divA = document.getElementById('a');
    var divB = document.getElementById('b');
    var status = document.getElementById('status');
    status.innerHTML = divA.clientHeight;

    if(divA.clientHeight>100) {
         //move the exceeded text to div B
    }
}

<div contenteditable='true' id='a' onkeyup='checkHeight()'>Edit Me</div>
<div contenteditable='true' id='b'>Edit Me 2</div>

<div>Current Height :  <span id='status'></span></div>

Answer 1

当某个高度超过 div A 时，也许你可以将焦点设置在 div B 上。

if(divA.clientHeight > 100) {
    document.getElementById('b').focus;
    // some more code`
}

如果 div 高度大于 100 将超出文本移动到另一个 div

if div height is greater than 100 move exceed text to another div

javascript

contenteditable