javascript - 如何在 HTML/JavaScript 中构建自定义可聚焦对象

Question

我想在 HTML 中构建一个可聚焦的自定义对象。一般情况下我该如何做到这一点？

更具体地说明我想要这个的原因:我需要某种具有更多功能和控制力的编辑器组件。 IE。不能直接输入任何单个字符。它就像一棵大对象树(想象一下 AST 左右)，您的焦点是其中一些对象。每个对象都有一些属性，可能是可以编辑的字符序列和一些子对象。现在，当您键入时，根据焦点所在的位置，它应该操作这些对象，即添加一些新的子对象(在焦点所在的位置)，删除一些对象或执行一些其他操作。另外也不应该直接允许粘贴，而是应该解析当前剪贴板内容，然后进行特定操作。复制某些内容应该会在剪贴板中产生某种文本表示形式。

我现在可以自己以某种方式重新编码诸如焦点光标之类的东西，但这有几个缺点。主要是它忽略了现在真正的焦点在哪里。我不确定 HTML 是否已经提供了类似的东西，这是否会让事情变得更容易。

<小时/>

编辑:在我找到一些第一个有用的信息后，一些仍然悬而未决的问题:

• 绘制焦点光标的简单方法是什么？ IE。如果某个 div 现在获得焦点并且包含一些文本，我想绘制一个光标。
• 如何处理复制和粘贴？ (有关更多详细信息，请参阅上文。)

Answer 1

啊，发现了一些有用的信息here 。我想有什么解释我需要以我想要的方式处理焦点。