单击元素并编辑内容(如文本区域)

Click on element and edit the content (like a textarea)

本文关键字：文本区域元素编辑单击更新时间：2023-09-26

我想有一个元素与一些文本(从数据库调用)，单击该元素，并能够编辑文本，然后当我单击该元素，保存更新的文本在数据库中。

我主要想知道做这件事的"最佳"方法。我考虑过的两件事是在单击/关闭元素时交换元素和文本区域。

或

如果用户已登录，只需将所有可编辑元素加载为，样式为，直到它们被单击时才看起来像文本区域。

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

哪个是最好的解决方案?

"Best"在这里的问题中永远不会很好，因为你应该有一个特定的问题，但我建议使用ContentEditable区域;它可以同时作为显示和输入元素。

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