Javascript 检查DOM元素的已更改值

是否可以查看DOM中的元素是否已更改

在我的例子中，我有一个内容可编辑的表和一个访问每个表行的id。我想知道哪些内容已更改

<table id="myTable">
…

<td id=“name:1" contenteditable=“true"></td>
<td id=“phone:1” contenteditable="true"></td>
<td id=“address:1” contenteditable=“true"></td>

<td id=“name:2" contenteditable=“true"></td>
<td id=“phone:2” contenteditable="true"></td>
<td id=“address:2” contenteditable=“true"></td>

…
</table>

<input type="hidden" id="inputMyTable" name="inputMyTable">

---

然后在服务器端我使用

$\u POST

读取输出。

可以使用JavaScript跟踪DOM更改

我将保存对象中的更改，并将它们发送到

focusout

$('[contenteditable]').on('focusout', function(e){prepare_data_and_send_to_server()});

---

然后在保存到数据库之前进行一些验证。

JS的DOMSubtreeModified事件可能是一个好的开始。请看这个答案：这似乎是一个纯粹的php问题，因为您似乎想在php中检查脚本返回的值是否已从默认值更改。或者您想使用JavaScript只将更改的值发送到服务器？（无论哪种方式，您仍然需要在服务器上进行验证。）

$('[contenteditable]').on('focusout', function(e){prepare_data_and_send_to_server()});