是否可以使用 Javascript 模拟数组指针，但对于 HTML 中的 div 元素

Question

在 JavaScript 中，我们可以创建数组的副本，当我们更改该数组的内容时，副本的内容也会更改（作为指针数组的相同副本）。

我的问题是我们能否用 html 和 javascript（或 jquery）中的 div 元素来实现这一点。例如，我有 2 个 div 元素：

<div class="cont1"><p contenteditable="true">Some text...</p></div>

<div class="cont2"><p contenteditable="true">Some text...</p></div>

两者都有可编辑的 p 元素。当编辑任一 p 标签时，我希望能够反映 cont1 的更改以反映 cont2 中的更改。

Javascript 很好，jQuery 更可取。

*如果问题措辞不好，请发表评论而不是贬低它，我会立即说得更清楚。非常感谢！

Answer 1

您可以使用该input事件并获取当前 html 以在其他元素中设置

const $editors = $('p[contenteditable]').on('input', function(){
   $editors.not(this).html( $(this).html() );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="cont1"><p contenteditable="true">Some text...</p></div>
<div class="cont2"><p contenteditable="true">Some text...</p></div>