如何通过 javascript 将元素置于 contenteditable 模式答案

【问题标题】：How do I put an element into contenteditable mode via javascript如何通过 javascript 将元素置于 contenteditable 模式
【发布时间】：2013-01-28 20:06:54
【问题描述】：

我有以下 HTML 元素

<p class="story" contenteditable="true">This is a story.</p>

现在我想通过 javascript 将元素置于编辑模式。我认为像下面这样的东西会起作用，但它没有

$('.story').click();

如何在不点击元素的情况下手动将此元素置于编辑模式（通过 javascript 或任何其他方式）？

【问题讨论】：

发现了我的问题。我正在从浏览器 JavaScript 控制台中执行 $('.story').focus() 。它在 Firefox 的 chrome 控制台中不起作用。为什么？

标签： javascript jquery html contenteditable

【解决方案1】：

使用focus 代替click：

$(".story").focus();

【讨论】：

为什么这个命令在浏览器 javascript 控制台中不起作用？
@matt 不完全确定（对我来说确实如此），但可能是您的控制台希望将焦点保持在控制台中，这样您就不会一直丢失光标重新工作。焦点是一个窗口级别的东西，只能在一个地方。

【解决方案2】：

$('.story').focus(function(){
    $(this).attr('contenteditable', 'true');
});

【讨论】：

这个什么都不做，属性已经在html中设置为true了。
你想完成什么？