修改后的contenteditable div的innerHTML值

Question

我有一个内容可编辑的div：

<div contenteditable="true" id="my-div">
<? if(isset($data["description"])) {
       print_r($data["description"]);
} ?>
</div>

一旦用户编辑div，我试图将div的修改值传递给隐藏的表单元素。

document.getElementById("desc").value =document.getElementById("my-div").innerHTML();

我在页面加载时得到原始值，而不是修改后的值为innerHTML。

如何获取更新后的值？

Answer 1

$('#my-div').on('keypress', function() {
    $('#desc').val($(this).html());
});

您需要收听对可编辑div的更改并更新输入值

我假设您使用jquery，如果不是

document.getElementById('my-div').addEventListener('keypress', function(e) {
    document.getElementById('desc').value = this.innerHTML;
});