Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果div height大于100,则将except text移动到另一个div_Javascript_Contenteditable - Fatal编程技术网

Javascript 如果div height大于100,则将except text移动到另一个div

Javascript 如果div height大于100,则将except text移动到另一个div,javascript,contenteditable,Javascript,Contenteditable,我有两个可编辑的div,如果div(div A)的高度大于100px,我希望它能将except text移动到另一个div(div B) 我 am 学习 (例如,此处div height大于100px,将“javascript”移动到另一个div) javascirpt. 下次如果向div添加了更多文本,请再次根据高度移动文本。 再次测试 我 am (例如,此处div height大于100px,将“learning javascript”移动到另一个div) 学习 javascirpt.

我有两个可编辑的div,如果div(div A)的高度大于100px,我希望它能将except text移动到另一个div(div B)


am
学习
(例如,此处div height大于100px,将“javascript”移动到另一个div)
javascirpt.

下次如果向div添加了更多文本,请再次根据高度移动文本。

再次测试

am
(例如,此处div height大于100px,将“learning javascript”移动到另一个div)
学习
javascirpt.

JSFIDLE链路

函数检查高度(){
var divA=document.getElementById('a');
var divB=document.getElementById('b');
var status=document.getElementById('status');
status.innerHTML=divA.clientHeight;
如果(divA.clientHeight>100){
//将超出的文本移动到div B
}
}
编辑我
编辑我2

当前高度:
当某个高度超过div a时,您可以在div B上设置焦点

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

如果没有前面的文本,则焦点有效。但是如果前面有文本,它就不能移动。另一个想法是:如果文本的长度超过了最大高度时遇到的字符数,您可以如何分割文本。然后,您可以将超出此数量的文本附加到第二个div中。请检查以下内容。仍然需要一些调整。