Если высота div больше 100, переместите текст выше в другой div

Question

У меня есть 2 contenteditable div, я хочу, чтобы, если высота div (div A) станет больше, чем 100px, переместите текст в другой div (div B).

Я
утро
обучения
(например, здесь высота DIV больше 100px, переместить "JavaScript" к другим делам)
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

Может быть, вы могли бы сделать что-то с установкой фокуса на сОн B, когда определенная высота превышает Div А.

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