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

Question

我有 2 个内容可编辑的 div，我希望如果 div (div A) 高度大于 100px 移动超过文本到另一个 div (div B)。

我
上午
学习
（比如这里div高度大于100px，把“javascript”移到另一个div）
javascirpt.

下次如果有更多文本添加到 div 中，请再次根据高度移动文本。

再次测试
我
上午
（比如这里div高度大于100px，把“学习javascript”移到另一个div）
学习
javascirpt.

jsFiddle 链接 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`
}