我的问题是关于结合 HTML5 功能 ContentEditable 和 localStorage 的代码。
这是我的两个 JS 函数,一个用于将用户编辑存储在表格单元格中,另一个用于获取值并将其传递给表格单元格。
<script type="text/javascript">
function storeUserEdit(id) {
var pre_value = document.getElementById(id).innerHTML;
localStorage.setItem("userEdit",pre_value);
}
function applyUserEdit() {
if (localStorage.getItem("userEdit")){
var new_value = localStorage.getItem("userEdit");
}
document.getElementById('prjSch_row1_col1').innerHTML = localStorage.getItem("userEdit");
}
</script>
这里嵌入了正文内容中的这两个函数:
...
<td id="prjSch_row1_col1" contenteditable="true" onkeyup="storeUserEdit(this.id)" >
</td>
<script>applyUserEdit()</script>
...
我想将它用于我的 HTML 页面中的许多表格单元格,以及如何将 prjSch_row1_col1 替换为 id 并将其传递给函数 getUserEdit();
多谢!