单击元素并编辑内容（如textarea）

Question

我希望有一个带有一些文本的元素（从DB调用），单击该元素并能够编辑文本，然后当我单击该元素时，将更新的文本保存在数据库中。

我主要想知道这样做的“最佳”方式。我考虑过的两件事是当您点击/关闭元素时交换元素和文本区域。

或

如果用户已登录，只需将所有可编辑元素加载为样式，直到它们被点击为止，看起来不像textareas。

页面上将有5到100个不同的可编辑元素，所以我真的只需要这样的最佳性能解决方案。我可以想象使用js交换元素会比检查用户是否为admin然后加载100个文本区域慢。

哪种解决方案最好？ （其他替代方案也被接受）

Answer 1

“最佳”在这里的问题上从未表现得很好，因为你应该有一个特定的问题，但我可以建议使用ContentEditable区域;有了它，它可以兼作显示和输入元素。

然后使用事件捕获更改并提交。