javascript - 内容可编辑不工作

Question

我刚刚了解到 contenteditable我想在 my project here 中使用它.

所以，我注释掉了on("click", ..)对于 <p>并且我在 HTML 中添加了该属性。

但是，内容不可编辑。我不确定为什么它不起作用。我还添加了 DOCTYPE但这没有什么区别。控制台没有报错。

谁能给我指出正确的方向？

jsFiddle

编辑:重现问题:尝试添加 Add 的项目按钮。现在，如果您单击新添加的项目，它应该是可编辑的，但事实并非如此。

Answer 1

我必须使用 onclick 事件将 focus 显式添加到 p。应该工作:http://jsfiddle.net/csTS7/130/

参见第 209 行:

"<p class='item_content' contenteditable='true' onclick='$(this).focus();'>"+$("#new_todo_item").val()+"</p>"

---

更新:

我刚刚注意到您提到您注释掉了 onclick 事件。如果您取消注释并将内容更改为 $(this).focus(); 它将按预期运行。

两种解决方案都有效，但后者更清洁。