假设我们在下面介绍的两个div上工作。
<div contenteditable="true">Header</div>
<div contenteditable="true">
Lorem ipsum dolor sit amet, consectetur adipiscing elit
Nunc lobortis erat et rhoncus dictum. Suspendisse luctus
</div>
Header和LoremIpsum是两个不同的内容可编辑div。 LoremIpsum不包含换行符。 overflow-wrap: break-word;
用于上方的换行。
当我按下rhoncus
上的向上箭头时,文字要向上一行,这是contenteditable的默认行为。 但是,当我按amet
字上的箭头时,我要关注页眉分区。>
有没有办法检测这两种情况并以不同的方式处理它们?
现在,只有在以下情况下,我才移至另一个div:
evt.keyCode === Key.arrowUp && window.getSelection().anchorOffset === 0
但是它需要在第一行上另外单击箭头,以便光标在聚焦另一个格之前转到该行的开头。
假设我们在下面介绍的两个div上工作。
我可以想到的一种方法是在光标处检查当前textContent
的值,之后