检测内容可编辑div的第一行上的向上箭头

问题描述 投票:1回答:1

假设我们在下面介绍的两个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上工作。

Header
Lorem ipsum dolor sit amet,consectetur adipiscing elit Nunc ...
javascript contenteditable
1个回答
0
投票

我可以想到的一种方法是在光标处检查当前textContent的值,之后

© www.soinside.com 2019 - 2024. All rights reserved.