javascript - 查找输入字段中编辑文本的位置

Question

如果我想知道何时可编辑字段(例如，输入文本字段或 contenteditable div)，我知道我可以使用 keyup 事件。

但是，我只能看到新文本是什么以及编辑之前的文本是什么，但我想获得有关编辑的一些附加信息。

例如，一种不明确的情况是输入文本最初是 a 而新文本是 aa。然后:

• 可能的情况是用户将光标放在 a 之前，然后键入另一个 a。
• 也可能是用户将光标放在a之后，然后键入另一个a。
• 甚至可能是用户突出显示 a，然后按 Ctrl+V(使用 aa在剪贴板中)。

我希望能够区分所有情况。例如，如果我可以获得“在位置0插入a”或“在插入时删除范围0-1”的信息>aa 放在它的位置”，它非常适合我的目的。

是否可以获得此类信息？

Answer 1

您可以在编辑之前和之后“比较”文本，但是，这不允许您区分您提到的所有情况。我能想到的唯一机制是每次发生 keydown 事件时监视光标(或插入符)位置，如本答案所述:

Get caret position in HTML input?