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

Question

我有以下 HTML 元素

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

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

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

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

Answer 1

使用focus代替click：

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

Answer 2

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