contentEditable by class = false 无效

Question

我有一个按钮，单击时会调用一个函数，使所有具有 class 的项目都可编辑。它很好用。我遇到的问题是，我需要删除 contentEditable="true" 或将其设置为 false，因为当用户完成编辑后，页面将被导出。

启用编辑的代码（有效）

function editMode(){
    document.querySelectorAll('.edit').forEach(function(element){
        element.contentEditable = 'true';
    })
}

没有按预期工作的代码：

function editOff(){
    document.querySelectorAll('.edit').forEach(function(element){
        element.contentEditable = 'false';
    })
}

具有“编辑”class 的元素继续可编辑。当函数 editOff 被调用时，它们应该不再是可编辑的。

参考以上脚本：

Answer 1

这对你有用吗？

来源：源代码来自您问题中的参考资料。

function editMode(){
    document.querySelectorAll('.edit').forEach(function(element){
        element.contentEditable = 'true';
    })
}

function editOff(){
    document.querySelectorAll('.edit').forEach(function(element){
        element.contentEditable = 'false';
    })
}

<p class="edit">
abcdefghijklmnop
</p>

<button onclick="editMode()">
Click to edit
</button>

<button onclick="editOff()">
Click to stop edit
</button>

contentEditable by class = false 无效

contentEditable by class = false not working

javascript

dom

contenteditable