如果div高度大于100，则移动超过文本到另一个div

Question

我有2个contenteditable 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`
}