Javascript 使用多个可编辑内容设置插入符号位置

Javascript 使用多个可编辑内容设置插入符号位置,javascript,contenteditable,caret,Javascript,Contenteditable,Caret,这里有两个可编辑的div。插入符号位于第二个div的第5个字符处,当用户按向上箭头键时,我想将插入符号移动到第一个div最后一行的第5个字符处。有没有办法做到这一点?请注意,第一个div只有一个文本节点 <div contenteditable="true"> Some long text.... </div> <div contenteditable="true"> short text </div> 一些长文本。。。。 短文 我将conte

这里有两个可编辑的div。插入符号位于第二个div的第5个字符处,当用户按向上箭头键时,我想将插入符号移动到第一个div最后一行的第5个字符处。有没有办法做到这一点?请注意,第一个div只有一个文本节点

<div contenteditable="true"> Some long text.... </div>
<div contenteditable="true"> short text </div>
一些长文本。。。。
短文

我将contenteditable div包装在另一个contenteditable div中,并将包装div设置为false。当您向上或向下按键盘时,将包装div的contenteditable设置为true,并在keyup事件中再次设置为false。我将contenteditable div包装在另一个contenteditable div中,并将包装div设置为false。当您向上或向下按键盘时,在keyup事件中将包装器div的contenteditable设置为true,并再次设置为false。