javascript - 当我更改光标位置时防止文本区域自动滚动

Question

我有一个包含大量文本和垂直滚动条的文本区域。当我将光标移到可见区域之外时(想象一下有一个很长的文档，然后多次按向下箭头直到光标离开屏幕)，浏览器会自动将光标滚动到 View 中，因此它始终保持可见。

如何防止这种行为？我需要能够将光标移到可见区域之外，而不自动滚动。

(从技术上讲，它不是一个文本区域，而是一个基于 React 的文本编辑器，在 dom 中它是一个 content-editable 设置为 true 的 div，不确定它是否重要)

Answer 1

看来这是不可能的。从规范来看:

It MUST be possible to put the caret in any of the Legal Caret Positions programatically and for the caret to be visible in these in any editing host that is in the "events", "caret" or "typing" state.

https://w3c.github.io/editing/contentEditable.html#caret_positions

“必须放置插入符号”和“必须可见”表明了这一点。