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

Question

I have the following HTML element

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

Now I want to put the element into edit mode via javascript. I assumed something like the following would work, but it doesn't

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

How can I manually put this element in edit mode (via javascript or any other way) without the user clicking on the element?

Answer 1

使用focus而不是click ：

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

Answer 2

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