javascript - JavaScriptを使用して要素をコンテンツ編集モードにするにはどうすればよいですか？

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');
});