客户端，动态编辑dom元素的值，例如<div> <p> Javascript </p> </div>

Question

是否有相对简单的方法来实现这一点：

• 我有一个位置绝对的div元素
• 我正在双击它
• 现在专注于这个div，有一个插入符号
• 我正在打字，这个div的值正在改变

谢谢！

Answer 1

你应该看看content editable。这是一个例子：http://jsfiddle.net/Jk5zn/。如果您担心浏览器覆盖率，请不要担心：http://caniuse.com/#search=contented

Answer 2

这会调用内联编辑，返回一个简单的搜索this blog entry

Answer 3

对于您不想使用jquery（或其他框架）的情况......

你几乎自己写了算法！

当div的ondblclick事件触发时，在div的位置显示预先创建的textarea。 当texarea的onblur事件触发时，只需将textarea的值传递给div的innerHTML。

这就是魔术。