自动复制在给定输入字段中写入的所有行，并将其粘贴到另一个浏览器元素中

Question

假设我访问某个带有输入字段的表单的网页，我希望输入此输入字段的每一行都保存在同一个浏览器元素中，就像我在表单中点击“返回”后的某个div一样。例如：

我希望它能够实时保存，而不需要提交表单，也就是说，（橙色背景）注释应该“监听”表单中的任何行并在我按下返回后复制它

我可以这样创建音符：

风格：

.note {position: fixed; bottom: 0; right: 0; width: 500px; height: 500px; background: orange}

行为：

let x = document.createElement('div');
x.class.classList.add('note');

我也可以选择我想听的输入字段，如下所示：

document.querySelector('.myInputField');

但是如何才能确保在输入字段中写入的任何文本行实际上是在点击Return后实时复制到音符中？

如果我错误地刷新了网页，我需要删除该笔记的内容。

snapjs的更新：

我尝试使用此代码将输入字段中的文本复制到输入字段内每个“返回”按钮中的div，但它不起作用：

myInputField.addEventListener('keydown', (k)=>{
    if ( keyCode == 13 ) {
        myInputField.textDocument = myNote.textDocument;
    }
});

（起初我使用与===相同但看到我需要像=这样的作业。

Answer 1

这是我的建议：

1. 向textarea添加“input”事件侦听器以处理textarea的任何更改。在此事件侦听器中，您可以将数据添加到“橙色框”
2. 查看localStorage，以便在窗口关闭时保留数据

<强>更新

很好的尝试，但keyCode实际上是k的属性，可以通过这种方式访问​​。另外，如果我理解正确，我想你想要将note的innerHTML设置为输入字段的值。

myInputField.addEventListener('keydown', (k)=>{
    if ( k.keyCode == 13 ) {
        myNote.innerHTML = myInputField.value;
    }
});